dashboard-shell-shell 1.0.10000011122 → 1.6.0-alpha.2

package/assets/data/aws-regions.json

@@ -1,6 +1,7 @@
 [
   "af-south-1",
   "ap-east-1",
+  "ap-east-2",
   "ap-northeast-1",
   "ap-northeast-2",
   "ap-northeast-3",
@@ -11,6 +12,7 @@
   "ap-southeast-3",
   "ap-southeast-4",
   "ap-southeast-5",
+  "ap-southeast-7",
   "ca-central-1",
   "ca-west-1",
   "cn-north-1",
@@ -26,6 +28,7 @@
   "il-central-1",
   "me-central-1",
   "me-south-1",
+  "mx-central-1",
   "sa-east-1",
   "us-east-1",
   "us-east-2",

package/assets/icons/iconfont.css

@@ -213,4 +213,7 @@ src: url('iconfont.woff2?t=1753758703852') format('woff2'),
 }
 .icon-mingming:before {
   content: "\e62c";
-}
+}
+.icon-default:before {
+  content: "\e61c";
+}

package/assets/images/action.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -1960 -15 )">
+    <path d="M 4.8287499999999 2.354999999999997  L 6.447499999999991 3.571249999999999  C 6.944234952397892 3.296336798844159  7.471337243122889 3.0802940772178857  8.018125000000055 2.927500000000002  L 8.398124999999936 0.9375  L 11.7493750000001 0.9375  L 12.035000000000082 2.941875000000003  C 12.581875000000082 3.099375000000002  13.106250000000045 3.319375000000001  13.599999999999909 3.5974999999999966  L 15.275624999999991 2.458750000000002  L 17.64562500000011 4.828749999999999  L 16.429374999999936 6.447499999999998  C 16.704375000000027 6.943750000000001  16.920624999999973 7.469999999999999  17.07312499999989 8.018124999999998  L 19.0631249999999 8.3975  L 19.0631249999999 11.748750000000001  L 17.058749999999918 12.034374999999997  C 16.901757589331055 12.579743540043523  16.681731272105935 13.104954119959451  16.403125000000045 13.599375000000002  L 17.54187499999989 15.274999999999999  L 15.171875 17.645  L 13.553124999999909 16.428749999999997  C 13.056874999999991 16.70375  12.5306250000001 16.919999999999998  11.982500000000073 17.072499999999998  L 11.603125000000091 19.0625  L 8.251874999999927 19.0625  L 7.966249999999945 17.058124999999997  C 7.42088145995649 16.9011325893311  6.895670880040598 16.681106272105932  6.401249999999891 16.4025  L 4.724999999999909 17.541249999999998  L 2.355000000000018 15.17125  L 3.5712499999999636 13.552500000000002  C 3.2963316621476224 13.055767511417464  3.0802886889528054 12.52866460691385  2.927500000000009 11.981875000000002  L 0.9375 11.6025  L 0.9375 8.251249999999999  L 2.941874999999982 7.965625000000003  C 3.099375000000009 7.419375000000002  3.3193750000000364 6.894374999999997  3.597500000000082 6.400624999999998  L 2.458750000000009 4.725000000000001  L 4.8287499999999 2.354999999999997  Z M 10.916249999999991 3.958750000000002  L 10.664375000000064 2.1868750000000006  L 9.431250000000091 2.1868750000000006  L 9.09375 3.958750000000002  L 8.690624999999955 4.046875  C 7.99908602983669 4.198277484319469  7.339492954772595 4.469899520362475  6.741874999999936 4.849375000000002  L 6.376874999999927 5.080624999999998  L 4.945625000000064 4.005625000000002  L 4.073750000000018 4.877499999999998  L 5.087500000000091 6.369999999999997  L 4.865000000000009 6.716875000000002  C 4.482751297972072 7.31276074731386  4.207964337869953 7.971064842647195  4.053124999999909 8.661875000000002  L 3.959374999999909 9.083750000000002  L 2.1875 9.335625  L 2.1875 10.568125000000002  L 3.958750000000009 10.90625  L 4.046875 11.309375000000003  C 4.198388963584193 12.000879103122479  4.47000322511758 12.660453298964391  4.849375000000009 13.258125  L 5.080625000000055 13.623125000000002  L 4.005625000000009 15.054375  L 4.877500000000055 15.92625  L 6.369999999999891 14.912500000000001  L 6.716875000000073 15.135000000000002  C 7.31276074731386 15.517248702027885  7.971064842647138 15.792035662130075  8.661875000000009 15.946874999999999  L 9.083750000000009 16.040625  L 9.335624999999936 17.8125  L 10.568125000000009 17.8125  L 10.90625 16.04125  L 11.309375000000045 15.953125  C 12.000879103122543 15.801611036415771  12.660453298964285 15.529996774882413  13.258125000000064 15.150625000000002  L 13.623125000000073 14.919375000000002  L 15.054374999999936 15.994375000000002  L 15.926249999999982 15.122500000000002  L 14.912499999999909 13.629999999999995  L 15.134999999999991 13.283124999999998  C 15.517248702027928 12.68723925268614  15.792035662130047 12.028935157352805  15.946875000000091 11.338124999999998  L 16.04062500000009 10.916249999999998  L 17.8125 10.664375  L 17.8125 9.431249999999999  L 16.04124999999999 9.093125  L 15.953125 8.689999999999998  C 15.801611036415807 7.998495896877522  15.52999677488242 7.338921701035609  15.150624999999991 6.741250000000001  L 14.919374999999945 6.376249999999999  L 15.994374999999991 4.945  L 15.122499999999945 4.073124999999997  L 13.63000000000011 5.086874999999999  L 13.283124999999927 4.8643749999999955  C 12.687215183188528 4.482172208106064  12.028919443671839 4.207388735859226  11.338124999999991 4.052500000000002  L 10.916249999999991 3.958750000000002  Z M 10 6.25  C 12.071067811865532 6.25  13.75 7.9289321881345245  13.75 10  C 13.75 12.071067811865476  12.071067811865532 13.75  10 13.75  C 7.928932188134468 13.75  6.25 12.071067811865476  6.25 10  C 6.25 7.9289321881345245  7.928932188134468 6.25  10 6.25  Z M 10 7.5  C 8.619288125423054 7.5  7.5 8.619288125423019  7.5 10  C 7.5 11.380711874576981  8.619288125423054 12.5  10 12.5  C 11.380711874576946 12.5  12.5 11.380711874576981  12.5 10  C 12.5 8.619288125423019  11.380711874576946 7.5  10 7.5  Z " fill-rule="nonzero" fill="#555555" stroke="none" transform="matrix(1 0 0 1 1960 15 )" />
+  </g>
+</svg>

package/assets/images/icons/document.svg

@@ -0,0 +1,3 @@
+<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.30594 4.11111H8.9726M4.30594 7.22222H8.9726M4.30594 10.3333H7.41705M1.19482 2.55556C1.19482 2.143 1.35871 1.74733 1.65044 1.45561C1.94216 1.16389 2.33782 1 2.75038 1H10.5282C10.9407 1 11.3364 1.16389 11.6281 1.45561C11.9198 1.74733 12.0837 2.143 12.0837 2.55556V13.4444C12.0837 13.857 11.9198 14.2527 11.6281 14.5444C11.3364 14.8361 10.9407 15 10.5282 15H2.75038C2.33782 15 1.94216 14.8361 1.65044 14.5444C1.35871 14.2527 1.19482 13.857 1.19482 13.4444V2.55556Z" stroke="white" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/assets/images/key.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   height="24px"
+   viewBox="0 -960 960 960"
+   width="24px"
+   fill="#1f1f1f"
+   version="1.1"
+   id="svg134"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs138" />
+  <path
+     d="m 589.40143,-675.50277 q 18.093,-18.093 43.05067,-18.093 24.95767,0 43.05067,18.093 18.093,18.093 18.093,43.05067 0,24.95767 -18.093,43.05067 -18.093,18.093 -43.05067,18.093 -24.95767,0 -43.05067,-18.093 -18.093,-18.093 -18.093,-43.05067 0,-24.95767 18.093,-43.05067 z m -509.218622,595.319962 1.346707,-221.978082 104.937635,-14.8137 16.81626,-109.63359 103.93198,-20.52405 94.91609,-94.9161 q -25.97207,-65.7784 -12.2165,-138.59637 13.75558,-72.81799 67.64106,-126.70347 72.65183,-72.65182 174.89606,-72.65182 102.24424,0 174.89607,72.65182 72.65182,72.65183 72.65182,174.89607 0,102.24423 -72.65182,174.89606 -53.88548,53.88548 -126.36241,67.9821 -72.48567,14.08788 -138.93743,-12.55754 L 220.09966,-80.182808 Z M 492.53526,-772.36896 q -51.6643,51.6643 -57.07733,119.23539 -5.41304,67.57111 27.14386,120.57336 l -131.51309,131.51309 -83.88015,16.21287 -18.35534,111.59242 -99.42841,13.99169 v 129.82534 h 69.95842 l 333.17699,-333.17699 q 53.00225,32.5569 120.57336,27.14386 67.57109,-5.41303 119.23539,-57.07733 57.71569,-57.71569 57.71569,-139.91684 0,-82.20115 -57.71569,-139.91686 -57.71571,-57.71569 -139.91686,-57.71569 -82.20115,0 -139.91684,57.71569 z"
+     id="path132"
+     style="stroke-width:1" />
+</svg>

package/assets/images/providers/sks.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 66 57" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M32 0L0 55.426h4.44L32 7.963v7.8L9.033 55.426h4.593L32 23.733v7.962l-13.78 23.73h4.593L32 39.656v7.8l-4.593 7.962H64z" stroke="none" fill="#da291c" fill-rule="nonzero"/></symbol></svg>

package/assets/images/vendor/cognito.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80"><defs><linearGradient id="A" x1="0" y1="80" x2="80" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#bd0816" offset="0%"/><stop stop-color="#ff5252" offset="100%"/></linearGradient></defs><g fill-rule="evenodd"><path d="M0 0h80v80H0z" fill="url(#A)" transform="matrix(.932635 0 0 .928144 2.754491 2.634731)"/><path fill="#fff" d="M17.729 38.107h12.577v-1.926H17.729zM61.011 52.12l1.368 1.362-7.184 7.152a.97.97 0 0 1-.684.282c-.248 0-.495-.094-.684-.282l-3.614-3.597 1.368-1.362 2.93 2.916zm4.452 5.308c-.221 1.811-.96 3.495-2.141 4.872-.839.978-1.898 1.787-3.063 2.338-1.562.739-3.298 1.019-5.027.809-1.681-.204-3.266-.865-4.587-1.91a9.14 9.14 0 0 1-3.428-8.33 9.2 9.2 0 0 1 4.929-7.075 9.12 9.12 0 0 1 4.18-1.013 9.36 9.36 0 0 1 1.122.068c3.034.369 5.68 2.217 7.075 4.943.837 1.635 1.161 3.467.938 5.296zm.786-6.169c-1.688-3.299-4.89-5.536-8.565-5.982a11.07 11.07 0 0 0-6.425 1.145c-3.287 1.691-5.516 4.89-5.962 8.555-.47 3.876 1.079 7.641 4.146 10.069a11.11 11.11 0 0 0 5.555 2.313c.451.055.902.082 1.352.082a11.08 11.08 0 0 0 4.74-1.063c1.41-.666 2.691-1.645 3.704-2.828a11.07 11.07 0 0 0 2.591-5.891c.269-2.21-.124-4.423-1.136-6.401zm-38.845-7.372h3.87v-1.926h-3.87zm-9.674 0h7.74v-1.926h-7.74zm-.836-25.04h43.272c1.14 0 2.066 1.124 2.066 2.505v7.126H59.33v-4.815c0-.532-.432-.963-.967-.963H36.111c-.535 0-.967.431-.967.963v4.815H14.827V21.35c0-1.358.947-2.505 2.066-2.505zm30.358 9.351c2.246 0 4.074 1.801 4.074 4.014a3.99 3.99 0 0 1-2.108 3.505c-1.234.667-2.722.659-3.94.001-1.295-.705-2.099-2.047-2.099-3.506 0-2.213 1.827-4.014 4.074-4.014zM14.827 49.086V30.402h20.316v16.372c0 .533.432.963.967.963h10.114v-1.926h-8.08c.084-3.854 2.655-7.184 6.356-8.247 1.71.796 3.753.804 5.489-.001a8.87 8.87 0 0 1 5.094 3.891l1.655-.998a10.82 10.82 0 0 0-5.015-4.306 5.87 5.87 0 0 0 1.536-3.94c0-3.275-2.696-5.94-6.009-5.94s-6.009 2.665-6.009 5.94c0 1.474.563 2.86 1.524 3.929-2.586 1.084-4.606 3.117-5.688 5.624V24.624h20.316v15.409h1.935v-9.631h2.902l.001 14.446h1.935l-.001-23.498c0-2.443-1.795-4.431-4.001-4.431H16.894c-2.207 0-4.001 1.988-4.001 4.431v27.736c0 2.443 1.795 4.43 4.001 4.43h25.99V51.59h-25.99c-1.119 0-2.066-1.146-2.066-2.504z"/></g></svg>

package/assets/styles/all.scss

@@ -1,3 +1,21 @@
+/* Chrome, Edge, Safari */
+input[type="password"]::-webkit-textfield-decoration-container,
+input[type="password"]::-webkit-inner-spin-button,
+input[type="password"]::-webkit-clear-button {
+    display: none !important;
+}
+
+/* Edge / IE */
+input[type="password"]::-ms-reveal {
+    display: none !important;
+}
+
+/* Firefox */
+input[type="password"]::-moz-reveal {
+    display: none !important;
+}
+
+
 .info-tab-title{
   font-size: 14px;
   line-height: 19px;
@@ -22,8 +40,8 @@ ul{
 }
 
 .radio-group{
-    display: flex !important;
-  }
+  display: flex !important;
+}
 
   .clearFix{
     font-size: 16px;
@@ -56,7 +74,9 @@ ul{
   }
 
   :deep() .vs__actions:after {
-    padding-top: 10px;
+    // padding-top: 10px;
+    display: flex;
+    align-items: center;
   }
   .TEXTAREA{
     border: solid var(--border-width) var(--input-border);

package/assets/styles/app.scss

@@ -7,6 +7,7 @@
 @import "./base/color";
 @import "./base/basic";
 @import "./base/typography";
+@import "./base/spacing";
 
 @import "./fonts/fontstack";
 @import "./fonts/dots";
@@ -32,5 +33,7 @@
 
 @import "./vendor/vue-select";
 @import "./vendor/code-mirror";
+
 @import './all.scss';
 @import '../icons/iconfont.css';
+

package/assets/styles/base/_basic.scss

@@ -106,6 +106,16 @@ A {
     @include focus-outline;
     outline-offset: 2px;
   }
+
+  &.secondary {
+    color: var(--body-text);
+    text-decoration: underline;
+
+    &:hover,
+    &:active {
+      text-decoration: none;
+    }
+  }
 }
 
 HR {

package/assets/styles/base/_mixins.scss

@@ -159,5 +159,5 @@
 @mixin focus-outline {
   // Focus for form like elements (not to be confused with basic :focus style)
   // we need to use !important because it needs to superseed other classes that might impact outlines
-  outline: 2px solid var(--primary-keyboard-focus);
+  // outline: 2px solid var(--primary-keyboard-focus);
 }

package/assets/styles/base/_spacing.scss

@@ -0,0 +1,29 @@
+// Text indent, margins, and paddings from 4-80px in 4px increments
+// e.g. pp-1 - {padding: 4px}
+// e.g. mmt-2 - {margin-top: 8px}
+$spacing-property-map: (
+    mm: margin,
+    mmt: margin-top,
+    mmr: margin-right,
+    mml: margin-left,
+    mmb: margin-bottom,
+    pp: padding,
+    ppt: padding-top,
+    ppb: padding-bottom,
+    ppl: padding-left,
+    ppr: padding-right,
+);
+
+@each $keyword, $property in $spacing-property-map {
+    .#{$keyword}-0 {
+        #{$property}: 0;
+    }
+
+    @for $size from 1 through 20 {
+        $val: $size * 4;
+
+        .#{$keyword}-#{$size} {
+            #{$property}: $val * 1px;
+        }
+    }
+}

package/assets/styles/base/_variables.scss

@@ -12,8 +12,8 @@ $unlabeled-input-height: 40px;
 $unlabaled-select-padding: 3px 0;
 $footer-height: 60px;
 
-$input-height: 32px;
-$unlabeled-input-height: 32px;
+$input-height: 30px;
+$unlabeled-input-height: 30px;
 $input-width: 400px;
 
 
@@ -39,35 +39,41 @@ $z-indexes: (
   // ---- Boundary for central content (in `<main>`)
 
   // This covers both relative and content modes of the loading indicator
-  loading: 12,
+  loading: 16,
 
   // Users can click on shell in header and show shell even with most loading indicators showing,
   // so add it above them
-  windowsManager: 13,
+  windowsManager: 17,
 
-  mainHeader: 14,
+  mainHeader: 18,
 
   cruFooter: 19,
 
-  modalOverlay: 20,
-  modalContent: 21,
+  loadingMain: 51,
 
-  tooltip: 30,
+  slide-in: 52,
 
-  dropdownOverlay: 40,
-  dropdownContent: 41,
+  modalOverlay: 53,
+  modalContent: 54,
 
-  loadingMain: 51
+  dropdownOverlay: 55,
+  dropdownContent: 56,
+
+  tooltip: 57,
 );
 
 // Usage Example:
 // @media only screen and (min-width: map-get($breakpoints, '--viewport-*')) {
 // }
 $breakpoints: (
-  '--viewport-4':  480px, // Phone
-  '--viewport-7':  768px, // Tablet
-  '--viewport-9':  992px, // Laptop/Desktop
-  '--viewport-12': 1281px, // Desktop
+  '--viewport-4': 480px,
+  // Phone
+  '--viewport-7': 768px,
+  // Tablet
+  '--viewport-9': 992px,
+  // Laptop/Desktop
+  '--viewport-12': 1281px,
+  // Desktop
 );
 
 $font-size-h2: 21px;

package/assets/styles/fonts/_icons.scss

@@ -38,8 +38,9 @@ $icon-inverse:          #fff !default;
 
 // Sizes
 .icon-fw {
-  width: math.div(18em, 14);
-  text-align: center;
+  width: 32px;
+  // width: math.div(18em, 14);
+  // text-align: center;
 }
 
 .icon-sm {

package/assets/styles/global/_button.scss

@@ -1,4 +1,4 @@
-$btn-padding: 0 10px 0 10px;
+$btn-padding: 0 10px;
 $btn-sm-padding: 0 7px 0 7px;
 $btn-height: 32px;
 $btn-sm-height: 32px;
@@ -20,13 +20,14 @@ button,
   -ms-user-select: none;
   user-select: none;
   border: 0;
-  // padding: $btn-padding;
+  padding: $btn-padding;
   border-radius: var(--border-radius);
-  color: var(--lightest);
+  // color: var(--lightest);
   line-height: $btn-height !important;
   height: $btn-height !important;
   min-width: 100px;
   justify-content: center;
+  
 
   > .icon:not(:only-child) {
     margin-right: 6px;
@@ -34,7 +35,7 @@ button,
 
   &:hover {
     text-decoration: none;
-    color: var(--lightest);
+    // color: var(--lightest);
   }
 
   &.bg-transparent {
@@ -42,6 +43,10 @@ button,
   }
 }
 
+.bg-primary {
+  color: var(--lightest);
+}
+
 //icon button
 .icon-btn {
   padding: 0;
@@ -63,7 +68,7 @@ button,
   padding: $btn-sm-padding;
   min-height: $btn-sm-height;
   line-height: 32px;
-  width: 100px;
+  min-width: 100px;
 }
 
 //btn roles
@@ -94,10 +99,11 @@ button,
   // border: solid 1px var(--primary);
   border: solid 1px #d9d9d9;
   line-height: $btn-height - 2px;
-  width: 100px;
+  min-width: 100px;
 
   &:hover, &._hover {
-    color: var(--lightest) !important;
+    // color: var(--lightest) !important;
+    color: var(--input-label) !important;
     box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
   }
 
@@ -105,7 +111,8 @@ button,
     background: transparent;
     box-shadow: 0 4px 6px 0 rgba(0,0,0,.2)!important;
     // background-color: var(--primary-hover-bg);
-    color: var(--lightest) !important;
+    // color: var(--lightest) !important;
+    color: var(--input-label) !important;
     // color: var(--primary-text) !important;
   }
 
@@ -113,7 +120,7 @@ button,
     line-height: $btn-sm-height - 2px;
 
     &:focus, &.focused {
-      border: 0;
+      // border: 0;
     }
   }
 }
@@ -162,13 +169,13 @@ button,
 }
 
 .role-multi-action {
-   // background: var(--accent-btn);
-   border: solid thin var(--primary);
-   color: var(--primary) !important;
-   border-radius: 2px;
-   min-width: 32px;
-   height: 32px;
-   width: 32px;
+  background-color: rgba(0,0,0,0);
+  border: solid thin var(--primary);
+  color: var(--primary) !important;
+  border-radius: 2px;
+  min-width: 32px;
+  height: 32px;
+  width: 32px;
 }
 
 .icon-group i {

package/assets/styles/global/_form.scss

@@ -20,11 +20,11 @@ TEXTAREA,
   box-sizing: border-box;
   width: 100%;
   // padding: 4px 11px;
-  // background-color: var(--input-bg);
   // border-radius: var(--border-radius);
-  // border: solid var(--border-width) var(--input-border);
   
   color: var(--input-text);
+  background-color: var(--input-bg);
+  border: solid var(--border-width) var(--input-border);
 
 
   @include input-status-color;
@@ -37,6 +37,7 @@ TEXTAREA,
     color: var(--input-label);
   }
   &:hover:not(.focused):not(:focus):not(.disabled):not(:disabled):not(.view) {
+    box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
     &, .vs__dropdown-menu {
       border-color: var(--input-hover-border);
     }

package/assets/styles/global/_labeled-input.scss

@@ -10,6 +10,7 @@
 
   &.compact-input {
     min-height: $unlabeled-input-height;
+    // padding: 0 10px;
 
     INPUT.no-label {
       line-height: $input-line-height;
@@ -73,7 +74,7 @@
     padding: 0 0 0 0;
     // line-height: calc(#{$input-line-height} + 1px);
     line-height: calc(29px + 1px);
-    border: solid var(--border-width) var(--input-border);
+    // border: solid var(--border-width) var(--input-border);
     padding: 0px 11px;
     box-sizing: border-box;
     border-radius: 2px;
@@ -87,7 +88,7 @@
     }
   }
 
-  &.view>DIV:not(.addon) {
+  &.view>DIV:not(.addon, .sub-label) {
     font-size: 14px;
     padding: $input-padding-lg 0 0 0;
 
@@ -122,7 +123,10 @@
       font-weight: normal;
       line-height: 1;
       text-align: center;
-      background-color: #fff;
+      position: absolute;
+      top: 5px;
+      right: 5px;
+      // background-color: #fff;
     }
   }
 

package/assets/styles/global/_layout.scss

@@ -6,7 +6,7 @@
   .outlet {
     display: flex;
     flex-direction: column;
-    padding: $space-m;
+    padding: 20px;
     min-height: 100%;
   }
 }

package/assets/styles/global/_select.scss

@@ -2,9 +2,7 @@
   cursor: text;
   padding: 0;
   width: 100%;
- &:hover{
-  box-shadow: 0 4px 6px 0 var(--input-border-box-shadow);
- }
+
   .selected {
     padding-top: $input-padding-lg;
   }
@@ -23,7 +21,7 @@
 .labeled-select,
 .unlabeled-select {
   min-width: 75px;
-  height: 32px;
+  min-height: 32px;
   width: $input-width;
 
   .required {
@@ -58,7 +56,7 @@
 
       .vs__dropdown-toggle{
         border: solid var(--border-width) var(--input-border);
-        height: 32px;
+        // height: 30px;
       }
       // .vs__dropdown-toggle,
       .vs__dropdown-toggle > * {
@@ -106,7 +104,8 @@
       width: unset !important;
 
       &:not(:only-child) {
-        margin-bottom: 3px;
+        margin-bottom: 2px;
+        margin-top: 2px;
       }
     }
   }
@@ -167,7 +166,7 @@
       height: 100%;
 
       .vs__dropdown-toggle {
-        height: 100%;
+        // height: 100%;
       }
       .vs__actions {
         width: auto;
@@ -197,6 +196,6 @@
   }
 
   .labeled-tooltip .status-icon {
-    top: $input-padding-sm;
+    // top: $input-padding-sm;
   }
 }

package/assets/styles/global/_table.scss

@@ -105,7 +105,8 @@
     }
   }
 
-
+  
   .sortable-table tbody tr.group-row td:first-of-type {
     background-color: var(--sortable-table-bg) !important;
-  }
+  }
+  

package/assets/styles/global/_tooltip.scss

@@ -11,7 +11,7 @@
     background: var(--tooltip-bg);
     box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
     color: var(--tooltip-text);
-    border-radius: 4px;
+    border-radius: 2px;
     padding: 8px;
   }
 
@@ -123,13 +123,14 @@
 .v-popper__popper {
   $color: var(--popover-bg);
   border: 1px solid var(--border);
-  border-radius: var(--border-radius-lg);
+  border-radius: 2px;
 
   .v-popper__inner {
+    border-radius: 2px;
     background: $color;
     color: var(--popover-text);
     padding: 10px;
-    border-radius: var(--border-radius-lg);
+    border-radius: 0px;
     border: none;
 
     a {
@@ -146,7 +147,9 @@
 }
 
 .v-popper__popper.v-popper--theme-dropdown {
+  border-radius: 0px;
   z-index: z-index('tooltip');
+  border: 1px solid #d9d9d9 !important;
 
   &.containerLogsDropdown, &.fleet-summary-tooltip{
     .v-popper__arrow-container {
@@ -154,6 +157,10 @@
     }
   }
 }
+.v-popper__popper .v-popper__arrow-container {
+  display: none;
+}
+
 
 .v-popper {
   display: inline;
@@ -203,4 +210,8 @@
   .v-popper__inner {
     padding: 0px;
   }
-}
+}
+
+// .v-popper__arrow-container {
+//   display: none; 
+// }