@gitlab/duo-ui 15.16.0 → 15.16.1

package/dist/components/agentic_chat/web_agentic_duo_chat.js

@@ -61,6 +61,12 @@ var script = {
   directives: {
     SafeHtml: GlSafeHtmlDirective
   },
+  provide() {
+    return {
+      // 'md' applies GitLab's markdown typography styles
+      markdownClass: 'md'
+    };
+  },
   props: {
     /**
      * Determines if the component should be resizable. When true, it renders inside

package/dist/components/chat/components/duo_chat_message/markdown_renderer.js

@@ -21,6 +21,10 @@ var script = {
     renderMarkdown: {
       from: 'renderMarkdown',
       default: () => renderDuoChatMarkdownPreview
+    },
+    markdownClass: {
+      from: 'markdownClass',
+      default: ''
     }
   },
   props: {
@@ -69,7 +73,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(_vm.renderedMarkdown),expression:"renderedMarkdown",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content"})};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(_vm.renderedMarkdown),expression:"renderedMarkdown",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content",class:_vm.markdownClass})};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/chat/web_duo_chat.js

@@ -60,6 +60,12 @@ var script = {
   directives: {
     SafeHtml: GlSafeHtmlDirective
   },
+  provide() {
+    return {
+      // 'md' applies GitLab's markdown typography styles
+      markdownClass: 'md'
+    };
+  },
   props: {
     /**
      * The title of the chat/feature.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/duo-ui",
-  "version": "15.16.0",
+  "version": "15.16.1",
   "description": "Duo UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -105,7 +105,7 @@
     "@gitlab/fonts": "^1.3.1",
     "@gitlab/stylelint-config": "6.3.0",
     "@gitlab/svgs": "^3.157.0",
-    "@gitlab/ui": "^129.5.1",
+    "@gitlab/ui": "^130.0.1",
     "@jest/test-sequencer": "^29.7.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",

package/src/components/agentic_chat/web_agentic_duo_chat.vue

@@ -124,6 +124,12 @@ export default {
   directives: {
     SafeHtml,
   },
+  provide() {
+    return {
+      // 'md' applies GitLab's markdown typography styles
+      markdownClass: 'md',
+    };
+  },
   props: {
     /**
      * Determines if the component should be resizable. When true, it renders inside

package/src/components/chat/components/duo_chat_message/markdown_renderer.vue

@@ -23,6 +23,10 @@ export default {
       from: 'renderMarkdown',
       default: () => renderDuoChatMarkdownPreview,
     },
+    markdownClass: {
+      from: 'markdownClass',
+      default: '',
+    },
   },
   props: {
     markdown: {
@@ -67,5 +71,9 @@ export default {
 };
 </script>
 <template>
-  <div ref="content" v-safe-html:[$options.safeHtmlConfigExtension]="renderedMarkdown"></div>
+  <div
+    ref="content"
+    v-safe-html:[$options.safeHtmlConfigExtension]="renderedMarkdown"
+    :class="markdownClass"
+  ></div>
 </template>

package/src/components/chat/web_duo_chat.vue

@@ -119,6 +119,12 @@ export default {
   directives: {
     SafeHtml,
   },
+  provide() {
+    return {
+      // 'md' applies GitLab's markdown typography styles
+      markdownClass: 'md',
+    };
+  },
   props: {
     /**
      * The title of the chat/feature.