@gitlab/duo-ui 15.4.0 → 15.4.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [15.4.1](https://gitlab.com/gitlab-org/duo-ui/compare/v15.4.0...v15.4.1) (2026-01-06)
+
+
+### Bug Fixes
+
+* migrate to npm trusted publishing ([c63fe65](https://gitlab.com/gitlab-org/duo-ui/commit/c63fe6575973c7e3d9cca7711be85c2836d47d26))
+
 # [15.4.0](https://gitlab.com/gitlab-org/duo-ui/compare/v15.3.0...v15.4.0) (2025-12-15)
 
 

package/dist/components/chat/components/duo_chat_threads/duo_chat_threads.js

@@ -2,7 +2,7 @@ import { GlButton, GlAvatar } from '@gitlab/ui';
 import { translate, sprintf } from '../../../../utils/i18n';
 import { formatLocalizedDate } from '../../../../utils/date';
 import DuoChatThreadsEmpty from './duo_chat_threads_empty';
-import DuoChatThreadsSkeleton from './duo_chat_threads_skeleton';
+import DuoChatThreadsSkeleton from './duo_chat_threads_skeleton_loader';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 const i18n = {

package/dist/components/chat/components/duo_chat_threads/{duo_chat_threads_skeleton.js → duo_chat_threads_skeleton_loader.js}

@@ -6,14 +6,16 @@ const i18n = {
 };
 var script = {
   name: 'DuoChatThreadsSkeleton',
-  i18n
+  i18n,
+  groups: 3,
+  threadItems: 2
 };
 
 /* 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',{staticClass:"gl-p-6"},[_c('span',{staticClass:"gl-sr-only",attrs:{"role":"status","aria-live":"polite","aria-atomic":"true"}},[_vm._v(_vm._s(_vm.$options.i18n.LOADING_THREADS))]),_vm._v(" "),_vm._l((3),function(groupIndex){return _c('div',{key:groupIndex,staticClass:"gl-mb-3"},[_c('div',{staticClass:"gl-animate-skeleton-loader gl-mb-3 gl-h-4 !gl-max-w-26 gl-rounded-default",staticStyle:{"animation-delay":"0ms"},attrs:{"data-testid":"chat-threads-skeleton-date-header"}}),_vm._v(" "),_vm._l((2),function(itemIndex){return _c('div',{key:("group" + groupIndex + "-item" + itemIndex),staticClass:"gl-mb-5 gl-flex gl-items-center gl-gap-3",staticStyle:{"animation-delay":"0ms"},attrs:{"data-testid":"chat-threads-skeleton-item"}},[_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-8 gl-w-8 gl-shrink-0 gl-rounded-full"}),_vm._v(" "),_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-5 !gl-max-w-48 gl-grow gl-rounded-default"})])})],2)})],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-p-6"},[_c('span',{staticClass:"gl-sr-only",attrs:{"role":"status","aria-live":"polite","aria-atomic":"true"}},[_vm._v(_vm._s(_vm.$options.i18n.LOADING_THREADS))]),_vm._v(" "),_vm._l((_vm.$options.groups),function(groupIndex){return _c('div',{key:groupIndex,staticClass:"gl-mb-3"},[_c('div',{staticClass:"gl-animate-skeleton-loader gl-mb-3 gl-h-4 !gl-max-w-26 gl-rounded-default",attrs:{"data-testid":"chat-threads-skeleton-date-header"}}),_vm._v(" "),_vm._l((_vm.$options.threadItems),function(itemIndex){return _c('div',{key:("group" + groupIndex + "-item" + itemIndex),staticClass:"gl-mb-5 gl-flex gl-items-center gl-gap-3",attrs:{"data-testid":"chat-threads-skeleton-item"}},[_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-8 gl-w-8 gl-shrink-0 gl-rounded-full"}),_vm._v(" "),_c('div',{staticClass:"gl-animate-skeleton-loader gl-h-5 !gl-max-w-48 gl-grow gl-rounded-default"})])})],2)})],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/duo-ui",
-  "version": "15.4.0",
+  "version": "15.4.1",
   "description": "Duo UI Components",
   "license": "MIT",
   "main": "dist/index.js",

package/src/components/chat/components/duo_chat_threads/duo_chat_threads.vue

@@ -3,7 +3,7 @@ import { GlButton, GlAvatar } from '@gitlab/ui';
 import { sprintf, translate } from '../../../../utils/i18n';
 import { formatLocalizedDate } from '../../../../utils/date';
 import DuoChatThreadsEmpty from './duo_chat_threads_empty.vue';
-import DuoChatThreadsSkeleton from './duo_chat_threads_skeleton.vue';
+import DuoChatThreadsSkeleton from './duo_chat_threads_skeleton_loader.vue';
 
 const i18n = {
   CHAT_HISTORY_INFO: translate(

package/src/components/chat/components/duo_chat_threads/{duo_chat_threads_skeleton.vue → duo_chat_threads_skeleton_loader.vue}

@@ -8,6 +8,8 @@ const i18n = {
 export default {
   name: 'DuoChatThreadsSkeleton',
   i18n,
+  groups: 3,
+  threadItems: 2,
 };
 </script>
 
@@ -16,17 +18,15 @@ export default {
     <span class="gl-sr-only" role="status" aria-live="polite" aria-atomic="true">{{
       $options.i18n.LOADING_THREADS
     }}</span>
-    <div v-for="groupIndex in 3" :key="groupIndex" class="gl-mb-3">
+    <div v-for="groupIndex in $options.groups" :key="groupIndex" class="gl-mb-3">
       <div
         class="gl-animate-skeleton-loader gl-mb-3 gl-h-4 !gl-max-w-26 gl-rounded-default"
-        style="animation-delay: 0ms"
         data-testid="chat-threads-skeleton-date-header"
       ></div>
       <div
-        v-for="itemIndex in 2"
+        v-for="itemIndex in $options.threadItems"
         :key="`group${groupIndex}-item${itemIndex}`"
         class="gl-mb-5 gl-flex gl-items-center gl-gap-3"
-        style="animation-delay: 0ms"
         data-testid="chat-threads-skeleton-item"
       >
         <div class="gl-animate-skeleton-loader gl-h-8 gl-w-8 gl-shrink-0 gl-rounded-full"></div>