@gitlab/ui 124.4.1 → 124.4.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "124.4.1",
+  "version": "124.4.2",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -120,9 +120,9 @@
     "@storybook/vue3": "^7.6.20",
     "@storybook/vue3-webpack5": "^7.6.20",
     "@types/jest-image-snapshot": "^6.4.0",
-    "@vue/compat": "^3.5.22",
-    "@vue/compiler-sfc": "^3.5.22",
-    "@vue/server-renderer": "^3.5.22",
+    "@vue/compat": "^3.5.24",
+    "@vue/compiler-sfc": "^3.5.24",
+    "@vue/server-renderer": "^3.5.24",
     "@vue/test-utils": "1.3.6",
     "@vue/test-utils-vue3": "npm:@vue/test-utils@^2.4.6",
     "@vue/vue2-jest": "29.2.6",

package/src/components/base/breadcrumb/breadcrumb.scss

@@ -48,7 +48,8 @@ $breadcrumb-max-width: $grid-size * 16;
   }
 }
 
-.gl-breadcrumb-item:last-child > a {
+.gl-breadcrumb-item:last-child > a,
+.gl-breadcrumb-item:has(+ .gl-breadcrumb-clipboard-button) > a {
   @apply gl-text-default;
   @apply gl-font-bold;
 }

package/src/components/base/collapse/collapse.vue

@@ -7,11 +7,17 @@ export default {
     event: 'input',
   },
   props: {
+    /**
+     * Controls the visibility state of the collapse.
+     */
     visible: {
       type: Boolean,
       default: false,
       required: false,
     },
+    /**
+     * HTML tag to use for the collapse container element.
+     */
     tag: {
       type: String,
       required: false,

package/src/components/base/form/form_group/form_group.vue

@@ -10,21 +10,33 @@ export default {
   },
   inheritAttrs: false,
   props: {
+    /**
+     * Additional CSS class(es) to apply to the label element.
+     */
     labelClass: {
       type: [String, Array, Object],
       required: false,
       default: null,
     },
+    /**
+     * Descriptive text to display below the label.
+     */
     labelDescription: {
       type: String,
       required: false,
       default: '',
     },
+    /**
+     * When true, displays optional text next to the label.
+     */
     optional: {
       type: Boolean,
       required: false,
       default: false,
     },
+    /**
+     * Text to display when the field is optional.
+     */
     optionalText: {
       type: String,
       required: false,

package/src/components/base/form/form_select/form_select.vue

@@ -11,7 +11,7 @@ export default {
   inheritAttrs: false,
   props: {
     /**
-     * Maximum width of the Select
+     * Width of the select element.
      */
     width: {
       type: [String, Object],
@@ -23,11 +23,17 @@ export default {
         return widths.every((width) => Object.values(formInputWidths).includes(width));
       },
     },
+    /**
+     * Additional CSS class(es) to apply to the select element.
+     */
     selectClass: {
       type: [String, Object, Array],
       required: false,
       default: '',
     },
+    /**
+     * Number of visible options in the select dropdown. When greater than 1, displays as a scrollable list box.
+     */
     selectSize: {
       type: Number,
       required: false,

package/src/components/base/form/form_textarea/form_textarea.vue

@@ -24,11 +24,17 @@ export default {
       required: false,
       default: '',
     },
+    /**
+     * When true, prevents the textarea from being resized by the user (hides the resize handle).
+     */
     noResize: {
       type: Boolean,
       required: false,
       default: true,
     },
+    /**
+     * When true, emits a submit event when Ctrl+Enter or Cmd+Enter is pressed.
+     */
     submitOnEnter: {
       type: Boolean,
       required: false,
@@ -43,13 +49,16 @@ export default {
       default: null,
     },
     /**
-     * Classes for textarea component when `characterCountLimit` is set.
+     * Additional CSS class(es) to apply to the textarea element.
      */
     textareaClasses: {
       type: [String, Object, Array],
       required: false,
       default: null,
     },
+    /**
+     * Number of visible text rows in the textarea.
+     */
     rows: {
       type: [Number, String],
       required: false,

package/src/components/base/pagination/pagination.vue

@@ -22,6 +22,9 @@ export default {
     event: 'input',
   },
   props: {
+    /**
+     * The current page number. Must be greater than 0.
+     */
     value: {
       type: Number,
       required: false,