@appscode/design-system 2.0.89 → 2.0.91

package/package.json

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

package/vue-components/v3/footer/Status.vue

@@ -1,10 +1,11 @@
 <script lang="ts" setup>
-import { ref, defineAsyncComponent } from "vue";
+import { defineAsyncComponent } from "vue";
 const FooterItems = defineAsyncComponent(() => import("./FooterItems.vue"));
 const FooterItem = defineAsyncComponent(() => import("./FooterItem.vue"));
 const HeroiconsCheckBadge = defineAsyncComponent(() => import("~icons/heroicons/check-badge"));
 const HeroiconsCrossBadge = defineAsyncComponent(() => import("~icons/heroicons/x-circle"));
-const HeroiconsLoadingBadge = defineAsyncComponent(() => import("~icons/heroicons/arrow-path"));
+const MdiMinusCircleOutline = defineAsyncComponent(() => import("~icons/mdi/minus-circle-outline"));
+
 interface Props {
   statusInfo?: Array<Record<string, string>>;
 }
@@ -20,7 +21,8 @@ withDefaults(defineProps<Props>(), {
       <span class="icon">
         <HeroiconsCheckBadge v-if="item.color === `has-text-success`" />
         <i v-else-if="item.color === `has-text-warning`" class="fa fa-refresh fa-spin fa-fw"></i>
-        <HeroiconsCrossBadge v-else />
+        <HeroiconsCrossBadge v-else-if="item.color === 'has-text-danger'" />
+        <MdiMinusCircleOutline v-else />
       </span>
       <span>{{ item.label }}</span>
     </footer-item>

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

@@ -8,6 +8,7 @@ interface Props {
   tableHeaders?: Array<AcTableCol>;
   collapsible?: boolean;
   actionable?: boolean;
+  actionableHeader?: string;
   isDynamicWidthTable?: boolean;
   fullWidth?: number;
   columnStriped?: boolean;
@@ -20,6 +21,7 @@ const props = withDefaults(defineProps<Props>(), {
   tableHeaders: () => [],
   collapsible: false,
   actionable: false,
+  actionableHeader: "",
   isDynamicWidthTable: false,
   fullWidth: 1920,
   columnStriped: false,
@@ -170,7 +172,8 @@ onUpdated(() => {
                 <i class="fa fa-exclamation-triangle" />
               </span>
             </th>
-            <th ref="action-section" v-if="actionable"></th>
+            <th v-if="actionable && actionableHeader">{{ actionableHeader }}</th>
+            <th v-else-if="actionable"></th>
             <fake-table-cell v-if="fakeCellWidth > 0" :is-header-cell="true" :fake-cell-width="fakeCellWidth" />
           </table-row>
         </thead>