@appscode/design-system 2.2.52 → 2.2.54

package/package.json

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

package/vue-components/styles/components/ui-builder/_ui-builder.scss

@@ -63,7 +63,7 @@
   &.is-borderless {
     &::after,
     &::before {
-      position: inherit;
+      display: none;
     }
     .nested-body {
       padding-left: 4px;

package/vue-components/v3/accordion/Accordion.vue

@@ -1,31 +1,26 @@
 <script setup lang="ts">
-withDefaults(defineProps<{ isActive: boolean; bodyInside: boolean }>(), {
+withDefaults(defineProps<{ isActive?: boolean; bodyInside?: boolean }>(), {
   isActive: false,
   bodyInside: false,
 });
+
+defineEmits(['onClick'])
+
 </script>
 
+
 <template>
   <div class="single-accordion-item">
-    <div class="accordion-heading is-clickable">
+    <div @click.stop="$emit('onClick')" class="accordion-heading is-clickable">
       <slot name="title" />
       <div class="accordion-right is-flex is-align-items-center">
-        <div
-          v-show="!isActive"
-          class="accordion-description is-justify-content-flex-end has-text-right is-flex-direction-column"
-        >
+        <div v-show="!isActive"
+          class="accordion-description is-justify-content-flex-end has-text-right is-flex-direction-column">
           <slot name="description" />
         </div>
-        <button class="icon">
-          <svg
-            :style="{ transform: isActive ? 'rotate(-180deg)' : 'rotate(0deg)' }"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            stroke-width="1.5"
-            stroke="currentColor"
-            class="size-6"
-          >
+        <button @click.stop="$emit('onClick')" class="icon">
+          <svg :style="{ transform: isActive ? 'rotate(-180deg)' : 'rotate(0deg)' }" xmlns="http://www.w3.org/2000/svg"
+            fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
             <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
           </svg>
         </button>