@appscode/design-system 1.0.43-alpha.112 → 1.0.43-alpha.115

package/base/utilities/_default.scss

@@ -564,7 +564,12 @@ button {
 
   &.is-warning {
     background-color: $ac-warning;
-    color: $ac-white !important;
+    color: $ac-white;
+
+    &.is-light {
+      background-color: #ffd58b42;
+      color: #c88b21;
+    }
   }
 
   &.is-danger {
@@ -950,8 +955,6 @@ $border_color_4: transparent transparent #585d6e transparent;
 // Status css
 // ac-footer sticky end
 
-
-
 // terminal scss end
 .is-dark-theme {
   a {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.0.43-alpha.112",
+  "version": "1.0.43-alpha.115",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v2/editor/FilteredFileEditor.vue

@@ -93,7 +93,7 @@ export default {
       const activeFile = this.filteredYamls.find(
         element => element.uid === this.activeKey
       );
-      return activeFile || { content: "No resource available", format: "yaml" };
+      return activeFile || { content: "", format: "yaml" };
     },
     filteredYamls() {
       if (this.searchText) {
@@ -101,13 +101,21 @@ export default {
           element => JSON.stringify(element).search(this.searchText) > -1
         );
       } else return this.previewYamls;
+    },
+    isKeyAvailable() {
+      const val = this.previewYamls.find(element => {
+        return element.uid === this.activeKey;
+      });
+      return val === undefined ? false : true;
     }
   },
   methods: {
     initActivePreview() {
-      this.activeKey = this.previewYamls[0].uid;
-      this.hideValue = this.activeFile.isSecret;
-      this.$emit("setActiveKey", this.activeKey);
+      if (!this.isKeyAvailable) {
+        this.activeKey = this.previewYamls[0].uid;
+        this.hideValue = this.activeFile.isSecret;
+        this.$emit("setActiveKey", this.activeKey);
+      }
     },
     setActivePreview(uid) {
       this.activeKey = uid;