@openziti/ziti-console-lib 0.6.8 → 0.7.0

package/assets/styles/spectrum.css

@@ -58,7 +58,7 @@ License: MIT
 }
 
 .sp-clear-enabled .sp-hue {
-    top:33px;
+    top:2.0625rem;
     height: 77.5%;
 }
 
@@ -74,32 +74,32 @@ License: MIT
 }
 
 .sp-alpha-enabled .sp-top {
-    margin-bottom: 18px;
+    margin-bottom: 1.125rem;
 }
 .sp-alpha-enabled .sp-alpha {
     display: block;
 }
 .sp-alpha-handle {
     position:absolute;
-    top:-4px;
-    bottom: -4px;
-    width: 6px;
+    top:-0.25rem;
+    bottom: -0.25rem;
+    width: 0.375rem;
     left: 50%;
     cursor: pointer;
-    border: 1px solid black;
+    border: 0.0625rem solid black;
     background: white;
     opacity: .8;
 }
 .sp-alpha {
     display: none;
     position: absolute;
-    bottom: -14px;
+    bottom: -0.875rem;
     right: 0;
     left: 0;
-    height: 8px;
+    height: 0.5rem;
 }
 .sp-alpha-inner {
-    border: solid 1px #333;
+    border: solid 0.0625rem #333;
 }
 
 .sp-clear {
@@ -113,11 +113,11 @@ License: MIT
 .sp-clear-enabled .sp-clear {
     display: block;
     position:absolute;
-    top:0px;
+    top:0rem;
     right:0;
     bottom:0;
     left:84%;
-    height: 28px;
+    height: 1.75rem;
 }
 
 /* Don't allow text selection */
@@ -225,10 +225,10 @@ License: MIT
     .sp-fill { padding-top: 60%; }
 }
 .sp-dragger {
-   border-radius: 5px;
-   height: 5px;
-   width: 5px;
-   border: 1px solid #fff;
+   border-radius: 0.3125rem;
+   height: 0.3125rem;
+   width: 0.3125rem;
+   border: 0.0625rem solid #fff;
    background: #000;
    cursor: pointer;
    position:absolute;
@@ -239,10 +239,10 @@ License: MIT
     position: absolute;
     top:0;
     cursor:pointer;
-    height: 3px;
-    left: -1px;
-    right: -1px;
-    border: 1px solid #000;
+    height: 0.1875rem;
+    left: -0.0625rem;
+    right: -0.0625rem;
+    border: 0.0625rem solid #000;
     background: white;
     opacity: .8;
 }
@@ -256,64 +256,64 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 .sp-container {
     border-radius: 0;
     background-color: #ECECEC;
-    border: solid 1px #f0c49B;
+    border: solid 0.0625rem #f0c49B;
     padding: 0;
 }
 .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
-    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+    font: normal 0.75rem "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;
 }
 .sp-top {
-    margin-bottom: 3px;
+    margin-bottom: 0.1875rem;
 }
 .sp-color, .sp-hue, .sp-clear {
-    border: solid 1px #666;
+    border: solid 0.0625rem #666;
 }
 
 /* Input */
 .sp-input-container {
     float:right;
-    width: 100px;
-    margin-bottom: 4px;
+    width: 6.25rem;
+    margin-bottom: 0.25rem;
 }
 .sp-initial-disabled  .sp-input-container {
     width: 100%;
 }
 .sp-input {
-   font-size: 12px !important;
-   border: 1px inset;
-   padding: 4px 5px;
+   font-size: 0.75rem !important;
+   border: 0.0625rem inset;
+   padding: 0.25rem 0.3125rem;
    margin: 0;
    width: 100%;
    background:transparent;
-   border-radius: 3px;
+   border-radius: 0.1875rem;
    color: #222;
 }
 .sp-input:focus  {
-    border: 1px solid orange;
+    border: 0.0625rem solid orange;
 }
 .sp-input.sp-validation-error {
-    border: 1px solid red;
+    border: 0.0625rem solid red;
     background: #fdd;
 }
 .sp-picker-container , .sp-palette-container {
     float:left;
     position: relative;
-    padding: 10px;
-    padding-bottom: 300px;
-    margin-bottom: -290px;
+    padding: 0.625rem;
+    padding-bottom: 18.75rem;
+    margin-bottom: -18.125rem;
 }
 .sp-picker-container {
-    width: 172px;
-    border-left: solid 1px #fff;
+    width: 10.75rem;
+    border-left: solid 0.0625rem #fff;
 }
 
 /* Palettes */
 .sp-palette-container {
-    border-right: solid 1px #ccc;
+    border-right: solid 0.0625rem #ccc;
 }
 
 .sp-palette-only .sp-palette-container {
@@ -324,11 +324,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     display: block;
     position:relative;
     float:left;
-    width: 24px;
-    height: 15px;
-    margin: 3px;
+    width: 1.5rem;
+    height: 0.9375rem;
+    margin: 0.1875rem;
     cursor: pointer;
-    border:solid 2px transparent;
+    border:solid 0.125rem transparent;
 }
 .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
     border-color: orange;
@@ -340,11 +340,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
 /* Initial */
 .sp-initial {
     float: left;
-    border: solid 1px #333;
+    border: solid 0.0625rem #333;
 }
 .sp-initial span {
-    width: 30px;
-    height: 25px;
+    width: 1.875rem;
+    height: 1.5625rem;
     border:none;
     display:block;
     float:left;
@@ -366,11 +366,11 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     margin:0;
     overflow:hidden;
     cursor:pointer;
-    padding: 4px;
+    padding: 0.25rem;
     display:inline-block;
     *zoom: 1;
     *display: inline;
-    border: solid 1px #91765d;
+    border: solid 0.0625rem #91765d;
     background: #eee;
     color: #333;
     vertical-align: middle;
@@ -385,31 +385,31 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     color: silver;
 }
 .sp-dd {
-    padding: 2px 0;
-    height: 16px;
-    line-height: 16px;
+    padding: 0.125rem 0;
+    height: 1rem;
+    line-height: 1rem;
     float:left;
-    font-size:10px;
+    font-size:0.625rem;
 }
 .sp-preview {
     position:relative;
-    width:25px;
-    height: 20px;
-    border: solid 1px #222;
-    margin-right: 5px;
+    width:1.5625rem;
+    height: 1.25rem;
+    border: solid 0.0625rem #222;
+    margin-right: 0.3125rem;
     float:left;
     z-index: 0;
 }
 
 .sp-palette {
-    *width: 220px;
-    max-width: 220px;
+    *width: 13.75rem;
+    max-width: 13.75rem;
 }
 .sp-palette .sp-thumb-el {
-    width:16px;
-    height: 16px;
-    margin:2px 1px;
-    border: solid 1px #d0d0d0;
+    width:1rem;
+    height: 1rem;
+    margin:0.125rem 0.0625rem;
+    border: solid 0.0625rem #d0d0d0;
 }
 
 .sp-container {
@@ -425,15 +425,15 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
   background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
   background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
   background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
-  border: 1px solid #ccc;
-  border-bottom: 1px solid #bbb;
-  border-radius: 3px;
+  border: 0.0625rem solid #ccc;
+  border-bottom: 0.0625rem solid #bbb;
+  border-radius: 0.1875rem;
   color: #333;
-  font-size: 14px;
+  font-size: 0.875rem;
   line-height: 1;
-  padding: 5px 4px;
+  padding: 0.3125rem 0.25rem;
   text-align: center;
-  text-shadow: 0 1px 0 #eee;
+  text-shadow: 0 0.0625rem 0 #eee;
   vertical-align: middle;
 }
 .sp-container button:hover {
@@ -443,26 +443,26 @@ See http://bgrins.github.io/spectrum/themes/ for instructions.
     background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
     background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
     background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
-    border: 1px solid #bbb;
-    border-bottom: 1px solid #999;
+    border: 0.0625rem solid #bbb;
+    border-bottom: 0.0625rem solid #999;
     cursor: pointer;
-    text-shadow: 0 1px 0 #ddd;
+    text-shadow: 0 0.0625rem 0 #ddd;
 }
 .sp-container button:active {
-    border: 1px solid #aaa;
-    border-bottom: 1px solid #888;
-    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
-    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
+    border: 0.0625rem solid #aaa;
+    border-bottom: 0.0625rem solid #888;
+    -webkit-box-shadow: inset 0 0 0.3125rem 0.125rem #aaaaaa, 0 0.0625rem 0 0 #eeeeee;
+    -moz-box-shadow: inset 0 0 0.3125rem 0.125rem #aaaaaa, 0 0.0625rem 0 0 #eeeeee;
+    -ms-box-shadow: inset 0 0 0.3125rem 0.125rem #aaaaaa, 0 0.0625rem 0 0 #eeeeee;
+    -o-box-shadow: inset 0 0 0.3125rem 0.125rem #aaaaaa, 0 0.0625rem 0 0 #eeeeee;
+    box-shadow: inset 0 0 0.3125rem 0.125rem #aaaaaa, 0 0.0625rem 0 0 #eeeeee;
 }
 .sp-cancel {
-    font-size: 11px;
+    font-size: 0.6875rem;
     color: #d93f3f !important;
     margin:0;
-    padding:2px;
-    margin-right: 5px;
+    padding:0.125rem;
+    margin-right: 0.3125rem;
     vertical-align: middle;
     text-decoration:none;