@mozaic-ds/vue 2.2.0 → 2.4.0

package/src/components/tooltip/MTooltip.spec.ts

@@ -11,14 +11,14 @@ describe('MTooltip.vue', () => {
   it('renders tooltip text', () => {
     const wrapper = mount(MTooltip, {
       props: { ...defaultProps },
-      slots: { default: 'Hover me' }
+      slots: { default: 'Hover me' },
     });
     expect(wrapper.text()).toContain(defaultProps.text);
   });
 
   it('sets aria-describedby attribute correctly', () => {
     const wrapper = mount(MTooltip, {
-      props: { ...defaultProps }
+      props: { ...defaultProps },
     });
     const tooltipDiv = wrapper.find('.mc-tooltip');
     expect(tooltipDiv.attributes('aria-describedby')).toBe(defaultProps.id);
@@ -26,22 +26,28 @@ describe('MTooltip.vue', () => {
 
   it('applies position class based on prop', () => {
     const wrapper = mount(MTooltip, {
-      props: { ...defaultProps, position: 'bottom' }
+      props: { ...defaultProps, position: 'bottom' },
     });
-    expect(wrapper.find('.mc-tooltip').classes()).toContain('mc-tooltip--bottom');
+    expect(wrapper.find('.mc-tooltip').classes()).toContain(
+      'mc-tooltip--bottom',
+    );
   });
 
   it('applies no-pointer class when pointer is false', () => {
     const wrapper = mount(MTooltip, {
-      props: { ...defaultProps, pointer: false }
+      props: { ...defaultProps, pointer: false },
     });
-    expect(wrapper.find('.mc-tooltip').classes()).toContain('mc-tooltip--no-pointer');
+    expect(wrapper.find('.mc-tooltip').classes()).toContain(
+      'mc-tooltip--no-pointer',
+    );
   });
 
   it('does not apply no-pointer class when pointer is true', () => {
     const wrapper = mount(MTooltip, {
-      props: { ...defaultProps, pointer: true }
+      props: { ...defaultProps, pointer: true },
     });
-    expect(wrapper.find('.mc-tooltip').classes()).not.toContain('mc-tooltip--no-pointer');
+    expect(wrapper.find('.mc-tooltip').classes()).not.toContain(
+      'mc-tooltip--no-pointer',
+    );
   });
 });

package/src/components/tooltip/MTooltip.stories.ts

@@ -36,24 +36,24 @@ export const Default: Story = {};
 
 export const Pointer: Story = {
   args: {
-    pointer: false
-  }
+    pointer: false,
+  },
 };
 
 export const Right: Story = {
   args: {
-    position: 'right'
-  }
+    position: 'right',
+  },
 };
 
 export const Left: Story = {
   args: {
-    position: 'left'
-  }
+    position: 'left',
+  },
 };
 
 export const Bottom: Story = {
   args: {
-    position: 'bottom'
-  }
+    position: 'bottom',
+  },
 };

package/src/components/tooltip/MTooltip.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="tooltip-story-wrapper">
     <div class="mc-tooltip" :class="classObject" :aria-describedby="id">
-      <slot/>
+      <slot />
       <span :id="id" class="mc-tooltip__content" role="tooltip">
-      {{ text }}
+        {{ text }}
       </span>
     </div>
   </div>
@@ -35,7 +35,7 @@ const props = withDefaults(
   }>(),
   {
     position: 'top',
-    pointer: true
+    pointer: true,
   },
 );
 

package/src/main.ts

@@ -2,6 +2,8 @@ export { default as MBreadcrumb } from './components/breadcrumb/MBreadcrumb.vue'
 export { default as MButton } from './components/button/MButton.vue';
 export { default as MCheckbox } from './components/checkbox/MCheckbox.vue';
 export { default as MCheckboxGroup } from './components/checkboxgroup/MCheckboxGroup.vue';
+export { default as MCircularProgressbar } from './components/circularprogressbar/MCircularProgressbar.vue';
+export { default as MContainer } from './components/container/MContainer.vue';
 export { default as MDatepicker } from './components/datepicker/MDatepicker.vue';
 export { default as MDivider } from './components/divider/MDivider.vue';
 export { default as MDrawer } from './components/drawer/MDrawer.vue';
@@ -18,6 +20,8 @@ export { default as MOverlay } from './components/overlay/MOverlay.vue';
 export { default as MPagination } from './components/pagination/MPagination.vue';
 export { default as MPasswordInput } from './components/passwordinput/MPasswordInput.vue';
 export { default as MPincode } from './components/pincode/MPincode.vue';
+export { default as MLinearProgressbarBuffer } from './components/linearprogressbarbuffer/MLinearProgressbarBuffer.vue';
+export { default as MLinearProgressbarPercentage } from './components/linearprogressbarpercentage/MLinearProgressbarPercentage.vue';
 export { default as MQuantitySelector } from './components/quantityselector/MQuantitySelector.vue';
 export { default as MRadio } from './components/radio/MRadio.vue';
 export { default as MRadioGroup } from './components/radiogroup/MRadioGroup.vue';