@appscode/design-system 2.6.22-alpha-0.0.16 → 2.6.22-alpha-0.0.17

package/package.json

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

package/vue-components/styles/components/_avatar.scss

@@ -42,7 +42,7 @@
   }
 }
 .avatar-group {
-  .avatar {
+  .avatar:not(:first-child) {
     margin-left: -8px;
   }
 }

package/vue-components/styles/components/form-fields/_file-upload.scss

@@ -26,7 +26,7 @@
       width: 100px;
       height: 100px;
       margin-bottom: 24px;
-      padding: 24px;
+      padding: 4px;
 
       svg {
         color: $primary-30;

package/vue-components/styles/components/form-fields/_input.scss

@@ -578,54 +578,3 @@
     }
   }
 }
-
-// file upload
-.file-upload {
-  border: 1px dashed $color-border-dark;
-  border-radius: 4px;
-
-  &:hover {
-    background-color: $secondary-light-gray;
-    border-color: $ac-primary;
-
-    label {
-      .upload-icon {
-        border: 1px solid $color-border-dark;
-
-        svg {
-          color: $color-heading;
-        }
-      }
-    }
-  }
-
-  label {
-    cursor: pointer;
-    padding: 32px;
-    display: block;
-
-    .upload-icon {
-      border: 1px solid $color-border;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-      width: 100px;
-      height: 100px;
-      margin-bottom: 24px;
-      padding: 24px;
-
-      svg {
-        color: $primary-30;
-      }
-    }
-
-    p {
-      color: $color-heading;
-
-      strong {
-        font-weight: 600;
-      }
-    }
-  }
-}

package/vue-components/v3/form-fields/SimpleSelect.vue

@@ -15,6 +15,7 @@ interface prop {
   options?: Array<Option>;
   isLoading?: boolean;
   optionType?: "simple" | "custom";
+  placeholderText?: string
 }
 
 const props = withDefaults(defineProps<prop>(), {
@@ -22,6 +23,7 @@ const props = withDefaults(defineProps<prop>(), {
   options: () => [],
   isLoading: false,
   optionType: "simple",
+  placeholderText: 'Select Option'
 });
 
 const emit = defineEmits(["select", "remove", "onRefreshClick"]);
@@ -88,7 +90,7 @@ watch(isOpen, (n) => {
     :style="[isOpen ? { 'z-index': 2 } : '']"
   >
     <label for="custom-select" class="ac-label" :class="{ 'show-label': labelHoisted || isOpen }" @click="selectClick">
-      Select Option
+      {{ placeholderText }}
     </label>
 
     <input