@appscode/design-system 2.0.13 → 2.0.15

package/components/ui-builder/_vue-open-api.scss

@@ -4,8 +4,8 @@
     display: flex;
 
     .form-left-item {
-      margin-right: 10px;
-      width: calc(100% - 92px);
+      margin-right: 16px;
+      width: calc(100% - 104px);
     }
   }
 }
@@ -29,12 +29,6 @@
 .vue-openapi-form {
   margin-left: -20px;
 
-  .is-warning {
-    font-size: 12px;
-    color: $warning;
-    padding-left: 10px;
-  }
-
   .ac-nested-elements {
     &:first-child {
       margin-left: 0;
@@ -616,43 +610,19 @@
     width: 200px !important;
     padding-right: 10px;
   }
-}
 
-// button scss
-.button {
-  &.ac-button {
-    padding: 8px 16px;
-    font-weight: 500;
-    line-height: 1;
-
-    &.is-light {
-      &.is-loading {
-        &::after {
-          border-color: transparent transparent #1c1c1c #1c1c1c !important;
-        }
-      }
-    }
-    &.is-ghost {
-      border-color: transparent !important;
-    }
-    &.is-square {
-      border: 1px solid $primary-95;
-    }
-    &.is-small {
-      padding: 4px 9px;
+  .key-value-save > .ac-single-input {
+    margin-left: 0;
+  }
+  .key-value-save > .ac-nested-elements {
+    padding-left: 0;
+    &:after {
+      left: 8px;
     }
-    &.is-medium {
-      font-size: 1rem;
-      height: 36px;
+    &:before {
+      left: 4px;
     }
   }
-  &:focus {
-    outline: none;
-    box-shadow: none;
-  }
-}
-button.is-primary {
-  background-color: $primary;
 }
 
 .is-refresh {

package/package.json

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

package/vue-components/v3/button/Button.vue

@@ -123,6 +123,9 @@ const showUnpluginIcon = computed(() => {
     &.is-medium {
       font-size: 1rem;
       height: 36px;
+      &.is-square {
+        width: 36px;
+      }
     }
   }
 }