@teammodlr/ui-kit 2.1.12 → 2.1.13

package/src/components/dropdown/style/Dropdown.css.ts

@@ -11,7 +11,8 @@ export const menu = style({
     minWidth: '200px',
     maxWidth: '350px',
     border: `1px solid ${themeVars.color.gray[300]}`,
-    boxShadow: themeVars.shadow.md
+    boxShadow: themeVars.shadow.md,
+    overflow: 'auto'
 });
 
 export const menuItems = style({
@@ -53,3 +54,10 @@ export const menuSeperator = style({
     backgroundColor: themeVars.color.gray[200],
     marginBlock: themeVars.space[1]
 });
+
+export const heading = style({
+    padding: `${themeVars.space[2]} ${themeVars.space[2.5]}`,
+    fontWeight: 500,
+    fontSize: themeVars.fontSize.small,
+    color: themeVars.color.gray[600]
+});

package/src/components/index.ts

@@ -12,6 +12,7 @@ export { default as MDropdown } from './dropdown/Dropdown.vue';
 export { default as MDropdownItem } from './dropdown/DropdownItem.vue';
 export { default as MDropdownList } from './dropdown/DropdownList.vue';
 export { default as MDropdownSeperator } from './dropdown/DropdownSeperator.vue';
+export { default as MDropdownHeading } from './dropdown/DropdownHeading.vue';
 export { default as MDropdownWrapper } from './dropdown/DropdownWrapper.vue';
 export { default as MForm } from './form/Form.vue';
 export { default as MImage } from './image/Image.vue';

package/src/components/modal/Modal.vue

@@ -38,6 +38,7 @@
                                     </div>
                                 </div>
                                 <button
+                                    v-if="showClose"
                                     :class="style.close"
                                     @click="close"></button>
                                 <div :class="style.body">
@@ -90,6 +91,10 @@ export default defineComponent({
         },
         zIndex: {
             type: Number
+        },
+        showClose: {
+            type: Boolean,
+            default: true
         }
     },
     emits: ['open'],