@rancher/shell 3.0.5-rc.5 → 3.0.5-rc.7

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",

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/styles/base/_spacing.scss

@@ -1,4 +1,4 @@
-// Text indent, margins, and paddings from 4-40px in 4px increments
+// 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: (
@@ -19,7 +19,7 @@ $spacing-property-map: (
         #{$property}: 0;
     }
 
-    @for $size from 1 through 10 {
+    @for $size from 1 through 20 {
         $val: $size * 4;
 
         .#{$keyword}-#{$size} {

package/assets/styles/base/_variables.scss

@@ -42,25 +42,31 @@ $z-indexes: (
 
   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;
@@ -68,4 +74,4 @@ $font-size-h2: 21px;
 // Global spacing variables
 $space-s: 10px;
 $space-m: 20px;
-$space-l: 40px;
+$space-l: 40px;

package/assets/styles/global/_form.scss

@@ -82,7 +82,7 @@ TEXTAREA {
 }
 
 FORM {
-  LABEL {
+  LABEL, .key-value-label {
     color: var(--input-label);
     display: inline-block;
     margin: $spacing 0 $spacing 0;

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

@@ -82,7 +82,7 @@
     }
   }
 
-  &.view>DIV:not(.addon) {
+  &.view>DIV:not(.addon, .sub-label) {
     font-size: 14px;
     padding: $input-padding-lg 0 0 0;
 

package/assets/styles/themes/_dark.scss

@@ -51,6 +51,7 @@
   --slider-light-bg-right      : #{rgba($darker, 0)};
 
   --muted                      : #{$disabled};
+  --deemphasized               : #{$disabled};
 
   --body-bg                    : #{$darker};
   --body-text                  : #{$lightest};
@@ -94,6 +95,7 @@
 
   --modal-bg                   : #{$dark};
   --modal-border               : #{$medium};
+  --subtle-overlay-bg          : #{rgba($darkest, 0.75)};
   --overlay-bg                 : #{rgba($darkest, 0.75)};
   --shadow                     : #{rgba($darkest, 0.9)};
 
@@ -119,6 +121,8 @@
   --dropdown-group-text        : #{$lighter};
   --dropdown-highlight-text    : var(--link);
 
+  --notification-unread-bg     : var(--primary-banner-bg);
+
   --input-text                 : #{$lightest};
   --input-label                : #{$lighter};
   --input-placeholder          : #{$disabled};
@@ -165,6 +169,7 @@
   --tabbed-container-bg        : #{mix($medium, $dark, 20%)};
 
   --yaml-editor-bg             : #{$darkest};
+  --drawer-body-bg             : #{$darkest};
 
   --diff-border                : var(--border);
   --diff-header-bg             : var(--nav-bg);

package/assets/styles/themes/_light.scss

@@ -156,11 +156,16 @@ BODY, .theme-light {
   }
 
   --muted                      : #{$dark};
+  --deemphasized               : #717179;
 
   .text-muted {
     color: var(--muted) !important;
   }
 
+  .text-deemphasized {
+    color: var(--deemphasized);
+  }
+
   --darker                    : #{$darker};
   --darker-text               : #{contrast-color($darker)};
   --darker-hover-bg           : #{darken($darker, 10%)};
@@ -402,7 +407,8 @@ BODY, .theme-light {
 
   --modal-bg                   : #{$lightest};
   --modal-border               : #{$dark};
-  --overlay-bg                 : #{rgba($lighter, 0.75)};
+  --subtle-overlay-bg          : #{rgba($lighter, 0.75)};
+  --overlay-bg                 : rgba(38, 42, 64, 0.35);
   --shadow                     : #{rgba($medium, 0.85)};
 
   --checkbox-tick              : #{$lightest};
@@ -427,6 +433,8 @@ BODY, .theme-light {
   --dropdown-group-text        : #{$darker};
   --dropdown-highlight-text    : var(--link);
 
+  --notification-unread-bg     : var(--primary-banner-bg);
+
   --card-badge-text            : #ffffff;
 
   // UNUSED?
@@ -466,7 +474,7 @@ BODY, .theme-light {
   --sortable-table-group-label : #{$secondary};
 
   --tag-primary                : #{$darkest};
-  --tag-bg                     : #{$medium};
+  --tag-bg                     : #EEEFF5;
 
   --popover-bg                 : var(--body-bg);
   --popover-border             : var(--border);
@@ -483,6 +491,7 @@ BODY, .theme-light {
   --tabbed-container-bg        : #{mix($light, $lighter, 15%)};
 
   --yaml-editor-bg             : #{$lighter};
+  --drawer-body-bg             : #{$lighter};
 
   --diff-border                : var(--border);
   --diff-header-bg             : var(--nav-bg);

package/assets/styles/vendor/vue-select.scss

@@ -158,7 +158,7 @@
     height: 32px;
     padding-top: 8px;
     color: var(--secondary);
-    margin-right: 3px;
+    margin-right: 8px;
   }
 }