fix(dialtone-vue): DP-203134 hide empty message paragraph in DtNoticeContent (#1390)

Author: belumontoya

packages/dialtone-vue/components/Notice/NoticeContent.test.js

@@ -64,5 +64,21 @@ describe('DtNoticeContent tests', () => {
         expect(header.text()).toBe(slotsData.header);
       });
     });
+
+    describe('When no message content is provided', () => {
+      beforeEach(() => {
+        props = baseProps;
+        slotsData = {};
+        wrapper = mount(DtNoticeContent, {
+          props,
+          slots: slotsData,
+        });
+        _setChildWrappers();
+      });
+
+      it('does not render the message element', () => {
+        expect(content.exists()).toBe(false);
+      });
+    });
   });
 });

packages/dialtone-vue/components/Notice/NoticeContent.vue

@@ -19,6 +19,7 @@
       </slot>
     </dt-text>
     <dt-text
+      v-if="hasSlotContent($slots.default)"
       :id="contentId"
       kind="body"
       :size="200"