@rancher/shell 1.2.0 → 2.0.0

package/assets/data/aws-regions.json

@@ -5,17 +5,25 @@
   "ap-northeast-2",
   "ap-northeast-3",
   "ap-south-1",
+  "ap-south-2",
   "ap-southeast-1",
   "ap-southeast-2",
+  "ap-southeast-3",
+  "ap-southeast-4",
   "ca-central-1",
+  "ca-west-1",
   "cn-north-1",
   "cn-northwest-1",
   "eu-central-1",
+  "eu-central-2",
   "eu-north-1",
   "eu-south-1",
+  "eu-south-2",
   "eu-west-1",
   "eu-west-2",
   "eu-west-3",
+  "il-central-1",
+  "me-central-1",
   "me-south-1",
   "sa-east-1",
   "us-east-1",
@@ -23,6 +31,7 @@
   "us-gov-east-1",
   "us-gov-west-1",
   "us-iso-east-1",
+  "us-iso-west-1",
   "us-isob-east-1",
   "us-west-1",
   "us-west-2"

package/assets/images/vendor/openid.svg

@@ -0,0 +1,18 @@
+<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" width="256" height="256" id="svg2" sodipodi:version="0.32" inkscape:version="0.47 r22583" sodipodi:docname="openid.svg" version="1.0" inkscape:output_extension="org.inkscape.output.svg.inkscape">
+  <defs id="defs4">
+    <inkscape:perspective sodipodi:type="inkscape:persp3d" inkscape:vp_x="0 : 128 : 1" inkscape:vp_y="0 : 1000 : 0" inkscape:vp_z="256 : 128 : 1" inkscape:persp3d-origin="128 : 85.333333 : 1" id="perspective17"/>
+    <linearGradient inkscape:collect="always" id="linearGradient2555">
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 1;" offset="0" id="stop2557"/>
+      <stop style="stop-color: rgb(255, 255, 255); stop-opacity: 0;" offset="1" id="stop2559"/>
+    </linearGradient>
+    <linearGradient inkscape:collect="always" xlink:href="#linearGradient2555" id="linearGradient2449" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.5914584,0,0,0.5914584,210.02161,142.23241)" x1="-344.15295" y1="274.711" x2="-395.84943" y2="425.39993"/>
+  </defs>
+  <sodipodi:namedview id="base" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:zoom="0.24748737" inkscape:cx="-276.99783" inkscape:cy="104.86584" inkscape:document-units="px" inkscape:current-layer="layer1" inkscape:window-width="712" inkscape:window-height="762" inkscape:window-x="1" inkscape:window-y="193" showgrid="false" inkscape:window-maximized="0"/>
+  <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" transform="translate(-373.642,-318.344)">
+    <rect inkscape:export-ydpi="7.7063322" inkscape:export-xdpi="7.7063322" inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png" transform="scale(-1,1)" ry="35.487503" rx="35.487503" y="328.34399" x="-619.64203" height="236" width="236" id="rect1942" style="fill:#ebebee;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.5;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.5,1;stroke-dashoffset:0;stroke-opacity:1"/>
+    <path inkscape:export-ydpi="7.7063322" inkscape:export-xdpi="7.7063322" inkscape:export-filename="C:\Documents and Settings\Molumen\Desktop\path3511111.png" sodipodi:nodetypes="ccccsssc" id="path1950" d="M 557.29062,338.43314 L 445.99327,338.43314 C 416.53255,338.43314 392.81507,362.34527 392.81507,392.04777 L 392.81507,500.64007 C 393.76867,523.8254 397.43678,509.16812 404.41887,483.49194 C 412.53354,453.65102 438.96056,427.56963 471.144,408.02312 C 495.7086,393.10398 523.20395,383.5772 573.25282,382.6709 C 601.63697,382.15694 599.13112,345.83025 557.29062,338.43314 z" style="opacity:0.98283262;fill:url(#linearGradient2449);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.87500000000000000;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:0.87500000000000000, 1.75000000000000000;stroke-dashoffset:0;stroke-opacity:1"/>
+    <path style="fill:#ff8e00;fill-opacity:1;stroke:none" d="m 488.0825,538.40564 26.93006,-19.41471 -1.2525,-154.06511 -25.67756,20.04099 0,153.43883 z" id="path25468"/>
+    <path style="fill:#626262;fill-opacity:1;stroke:none" d="M 488.39564,538.40564 C 387.66591,522.39153 384.79535,434.69468 487.76935,415.65457 l 0.31315,18.16215 c -73.04418,12.17854 -63.78999,77.70661 0,87.36619 l 0.31314,17.22273 z" id="path25470" sodipodi:nodetypes="ccccc"/>
+    <path style="fill:#626262;fill-opacity:1;stroke:none" d="m 514.69946,433.19044 c 12.45669,0.0847 23.30841,5.78683 34.13233,11.58619 l -15.97017,11.89934 51.04191,0 0.3131,-34.75859 -15.97018,11.89934 c -16.16175,-8.16308 -31.01691,-17.95941 -53.54699,-18.16215 l 0,17.53587 z" id="path25472" sodipodi:nodetypes="cccccccc"/>
+  </g>
+</svg>

package/assets/styles/app.scss

@@ -31,6 +31,5 @@
 @import "./global/layout";
 
 @import "./vendor/vue-select";
-@import "./vendor/vue-js-modal";
 @import "./vendor/code-mirror";
-@import 'node_modules/xterm/css/xterm.css';
+@import 'node_modules/xterm/css/xterm.css';

package/assets/styles/fonts/_icons.scss

@@ -1,7 +1,7 @@
 
 @use "sass:math";
 
-@import "~rancher-icons/style.scss";
+@import "@rancher/icons/style.scss";
 
 // Animated Icons
 // --------------------------
@@ -61,8 +61,8 @@ $icon-inverse:          #fff !default;
   position: relative;
   display: inline-block;
   // width: 2em;
-  height: 2em;
-  line-height: 2em;
+  height: 1em;
+  line-height: 1em;
   vertical-align: middle;
 }
 .icon-stack-1x, .icon-stack-2x {

package/assets/styles/global/_columns.scss

@@ -1,6 +1,6 @@
 @use "sass:math";
 
-@import "~shell/assets/styles/base/functions";
+@import "~shell/assets/styles/base/_functions";
 @import "~shell/assets/styles/base/_variables";
 
 

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

@@ -125,6 +125,7 @@
     padding-top: 5px;
     left: 0;
     color: var(--input-label);
+    pointer-events: initial;
   }
 
   .validation-message, .sub-label.validation-message {

package/assets/styles/global/_layout.scss

@@ -54,3 +54,102 @@ HEADER {
   background-color: var(--nav-bg);
   height: var(--footer-height);
 }
+
+
+// !BEGIN This was all a part of default.vue but it wasn't scoped which meant it applied to all styles. Without layouts this style was being lazy loaded instead of on initial load. This was styling other layouts especially plain.vue.
+.dashboard-root {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+.dashboard-content {
+  display: grid;
+  position: relative;
+  flex: 1 1 auto;
+  overflow-y: auto;
+  min-height: 0px;
+
+  &.dashboard-padding-left {
+    padding-left: $app-bar-collapsed-width;
+
+    .overlay-content-mode {
+      left: calc(var(--nav-width) + $app-bar-collapsed-width);
+    }
+  }
+
+  &.pin-right {
+    grid-template-areas:
+      "header  header  header"
+      "nav      main     wm";
+    grid-template-rows: var(--header-height) auto;
+    grid-template-columns: var(--nav-width) auto var(--wm-width, 0px);
+  }
+
+  &.pin-bottom {
+    grid-template-areas:
+      "header  header"
+      "nav       main"
+      "wm         wm";
+    grid-template-rows: var(--header-height) auto var(--wm-height, 0px);
+    grid-template-columns: var(--nav-width) auto;
+  }
+
+  &.pin-left {
+    grid-template-areas:
+      "header  header  header"
+      "wm       nav     main";
+    grid-template-rows: var(--header-height) auto;
+    grid-template-columns: var(--wm-width, 0px) var(--nav-width) auto;
+  }
+
+  >HEADER {
+    grid-area: header;
+  }
+
+  .default-side-nav {
+    grid-area: nav;
+  }
+}
+
+.wm {
+  grid-area: wm;
+  overflow-y: hidden;
+  z-index: 1;
+}
+
+.localeSelector {
+  ::v-deep .popover-inner {
+    padding: 50px 0;
+  }
+
+  ::v-deep .popover-arrow {
+    display: none;
+  }
+
+  ::v-deep .popover:focus {
+    outline: 0;
+  }
+
+  li {
+    padding: 8px 20px;
+
+    &:hover {
+      background-color: var(--primary-hover-bg);
+      color: var(--primary-hover-text);
+      text-decoration: none;
+    }
+  }
+}
+
+.drag-start {
+  z-index: 1000;
+  opacity: 0.5;
+  transition: opacity .3s ease;
+}
+
+.drag-end {
+  opacity: 1;
+}
+
+// !END

package/assets/styles/themes/_csp.scss

@@ -9,7 +9,7 @@
   --primary-hover-text         : #{saturate($lightest, 20%)};
   --primary-active-bg          : #{darken($primary, 25%)};
   --primary-active-text        : #{contrast-color(darken($primary, 25%))};
-  --primary-border             : #($primary);
+  --primary-border             : #{$primary};
   --primary-banner-bg          : #{rgba($primary, 0.15)};
   --primary-light-bg           : #{rgba($primary, 0.05)};
 
@@ -19,7 +19,7 @@
   --info-hover-text         : #{saturate($lightest, 20%)};
   --info-active-bg          : #{darken($info, 25%)};
   --info-active-text        : #{contrast-color(darken($info, 25%))};
-  --info-border             : #($info);
+  --info-border             : #{$info};
   --info-banner-bg          : #{rgba($info, 0.15)};
   --info-light-bg           : #{rgba($info, 0.05)};
 }

package/assets/styles/themes/_dark.scss

@@ -22,6 +22,9 @@
   // dark main text
   $lightest: #ffffff;
 
+  // menu cluster description active+hover
+  $desc-light: #EEEFF4;
+
   $secondary: $lighter;
   $disabled: $light;
 
@@ -37,7 +40,7 @@
   --default-hover-text         : #{saturate($lightest, 20%)};
   --default-active-bg          : #{darken($dark, 25%)};
   --default-active-text        : #{contrast-color(darken($dark, 25%))};
-  --default-border             : #($dark);
+  --default-border             : #{$dark};
   --default-banner-bg          : #{rgba($dark, 0.15)};
   --default-light-bg           : #{rgba($dark, 0.05)};
   --slider-light-bg            : #{rgba($darker, 1)};
@@ -50,6 +53,8 @@
   --scrollbar-thumb            : #{$medium};
   --scrollbar-thumb-dropdown   : #{$medium};
 
+  --side-menu-desc             : #{$desc-light};
+
   --header-bg                  : #{$darker};
   --header-border              : #{$medium};
   --header-btn-bg              : transparent;
@@ -107,7 +112,8 @@
   --dropdown-hover-bg          : var(--link);
   --dropdown-disabled-bg       : #{$disabled};
   --dropdown-disabled-text     : #{$disabled};
-  --dropdown-highlight-text     : var(--link);
+  --dropdown-group-text        : #{$disabled};
+  --dropdown-highlight-text    : var(--link);
 
   --input-text                 : #{$lightest};
   --input-label                : #{$lighter};

package/assets/styles/themes/_light.scss

@@ -251,7 +251,7 @@ BODY, .theme-light {
   --warning-light-bg           : #{rgba($warning, 0.05)};
 
   .text-warning {
-    color: var(--error) !important;
+    color: var(--warning) !important;
   }
 
   .bg-warning {
@@ -376,6 +376,7 @@ BODY, .theme-light {
   --dropdown-hover-bg          : var(--link);
   --dropdown-disabled-text     : var(--muted);
   --dropdown-disabled-bg       : #{$disabled};
+  --dropdown-group-text        : #{$darker};
   --dropdown-highlight-text    : var(--link);
 
   --card-badge-text            : #ffffff;

package/assets/styles/themes/_suse.scss

@@ -19,7 +19,7 @@
   --info-hover-text         : #{saturate($lightest, 20%)};
   --info-active-bg          : #{darken($info, 25%)};
   --info-active-text        : #{contrast-color(darken($info, 25%))};
-  --info-border             : #($info);
+  --info-border             : #{$info};
   --info-banner-bg          : #{rgba($info, 0.15)};
   --info-light-bg           : #{rgba($info, 0.05)};
 

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

@@ -94,6 +94,11 @@
     hr {
       cursor: default;
     }
+
+    .vs__option-kind-group {
+      color: var(--dropdown-group-text);
+      cursor: default;
+    }
   }
 
   &.vs__dropdown-option--selected {