@appscode/design-system 1.1.0-beta.57 → 1.1.0-beta.58

package/package.json

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

package/vue-components/v3/cards/OverviewCard.vue

@@ -21,7 +21,8 @@
   padding: 8px 16px;
   border-radius: 2px;
   strong {
-    width: min(30px);
+    min-width: 30px;
+    font-size: 14px;
   }
 }
 </style>

package/vue-components/v3/cards/OverviewCards.vue

@@ -28,7 +28,7 @@ withDefaults(defineProps<Props>(), {
 .overview-cards-wrapper {
   border: 1px solid $primary-90;
   margin-right: 20px;
-  height: 100%;
+  height: calc(100% - 16px);
 }
 .overview-cards {
   display: grid;

package/vue-components/v3/loaders/InfoCardLoader.vue

@@ -13,7 +13,7 @@ export default {
     primaryColor="#f5f5f5"
     secondaryColor="#ecebeb"
   >
-    <rect x="0" y="0" rx="0" ry="0" width="NaN" height="NaN" />
+    <rect x="0" y="0" rx="0" ry="0" />
     <rect x="10" y="70" rx="3" ry="3" width="120" height="11" />
     <rect x="10" y="100" rx="3" ry="3" width="120" height="11" />
     <rect x="150" y="100" rx="3" ry="3" width="60" height="11" />

package/vue-components/v3/table/Table.vue

@@ -168,7 +168,7 @@ onUpdated(() => {
   <table-container ref="ac_table_container" @scroller="handleScroller">
     <table
       ref="ac_table"
-      class="table ac-table"
+      class="table ac-table is-bordered"
       :class="{
         'is-fullwidth':
           !isDynamicWidthTable ||
@@ -176,7 +176,7 @@ onUpdated(() => {
           isTableEmpty ||
           isLoaderActive,
         // 'ac-striped': !columnStriped,
-        'is-bordered': columnStriped,
+        // 'is-bordered': columnStriped,
       }"
     >
       <colgroup>

package/vue-components/v3/table/table-cell/ArrayCell.vue

@@ -53,8 +53,8 @@ const indexOfCharacterLengthExceed = computed(() => {
   let idx = -1;
   let cumulativeLen = 0;
   for (const [index, po] of printableStringObjs.value.entries()) {
-    const newLen = cumulativeLen + po.print.length;
-    if (newLen > props.maxCharacterLength) {
+    const newLen = cumulativeLen + po.print.length + 2;
+    if (newLen + 2 > props.maxCharacterLength) {
       idx = index;
       break;
     }

package/vue-components/v3/table/table-cell/ObjectCell.vue

@@ -48,8 +48,8 @@ const indexOfCharacterLengthExceed = computed(() => {
   let idx = -1;
   let cumulativeLen = 0;
   for (const [index, po] of printableStringObjs.value.entries()) {
-    const newLen = cumulativeLen + po.print.length;
-    if (newLen > props.maxCharacterLength) {
+    const newLen = cumulativeLen + po.print.length + 2;
+    if (newLen + 2 > props.maxCharacterLength) {
       idx = index;
       break;
     }
@@ -68,7 +68,7 @@ const indexOfCharacterLengthExceed = computed(() => {
         indexOfCharacterLengthExceed
       )"
       :key="printableStringOb.key"
-      modifierClasses="is-info is-light"
+      modifierClasses="is-primary is-light"
     >
       <value-with-modal
         v-if="printableStringOb.exceededLength"