@appscode/design-system 2.17.83 → 2.17.85

package/package.json

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

package/vue-components/v3/modal/SidePanelModal.vue

@@ -28,7 +28,6 @@ defineEmits(["onDelete"]);
 const open = defineModel({ type: Boolean });
 
 const Modal = defineAsyncComponent(() => import("./DialogModal.vue"));
-const AcButton = defineAsyncComponent(() => import("./../button/Button.vue"));
 </script>
 
 <template>
@@ -43,27 +42,14 @@ const AcButton = defineAsyncComponent(() => import("./../button/Button.vue"));
     :ignore-outside-click="ignoreOutsideClick"
   >
     <!-- freedom content start  -->
-    <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit. beatae.</h1>
+    <slot name="custom-message">
+      <h1>{{ message }}</h1>
+    </slot>
     <!-- freedom content end -->
 
     <!-- modal footer start -->
     <template #modal-footer-left>
-      <div class="buttons">
-        <ac-button
-          title="Yes, Do this"
-          modifier-classes="is-primary"
-          :is-loader-active="isDeleteActive"
-          @click.stop="$emit('onDelete', itemName)"
-          data-testid="delete-confirmation-modal-confirm-button"
-        />
-        <ac-button
-          @click.stop="open = false"
-          title="Cancel"
-          modifier-classes="is-outlined"
-          :disabled="isDeleteActive || disableModalClose"
-          data-testid="delete-confirmation-modal-close-button"
-        />
-      </div>
+      <slot name="footer-button" />
     </template>
   </modal>
   <!-- modal end  -->

package/vue-components/v3/navbar/Appdrawer.vue

@@ -121,7 +121,7 @@ const filteredAppList = appListWithUrl.filter((element) => {
   // but always keep billing when this is an offline installer
   const selfHostList = ["billing", "selfhost", "learn"];
   if (isSelfHosted.value && selfHostList.includes(element.name)) {
-    if (element.name === "billing" && props.isOfflineInstaller) return true;
+    if (element.name === "billing" && props.isOfflineInstaller && props.activeOrgType === 6) return true;
     return false;
   }