@gitlab/ui 124.4.1 → 124.4.3

package/dist/components/base/collapse/collapse.js

@@ -9,11 +9,17 @@ var script = {
     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/dist/components/base/form/form_group/form_group.js

@@ -10,21 +10,33 @@ var script = {
   },
   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/dist/components/base/form/form_select/form_select.js

@@ -11,7 +11,7 @@ var script = {
   inheritAttrs: false,
   props: {
     /**
-     * Maximum width of the Select
+     * Width of the select element.
      */
     width: {
       type: [String, Object],
@@ -22,11 +22,17 @@ var script = {
         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/dist/components/base/form/form_textarea/form_textarea.js

@@ -23,11 +23,17 @@ var script = {
       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,
@@ -42,13 +48,16 @@ var script = {
       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/dist/components/base/pagination/pagination.js

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

package/dist/components/charts/single_stat/single_stat.js

@@ -1,4 +1,4 @@
-import { badgeVariantOptions, variantCssColorMap } from '../../../utils/constants';
+import { badgeVariantOptions, badgeVariantToIconVariantMap } from '../../../utils/constants';
 import GlBadge from '../../base/badge/badge';
 import GlIcon from '../../base/icon/icon';
 import GlAnimatedNumber from '../../utilities/animated_number/animated_number';
@@ -89,8 +89,8 @@ var script = {
     showTitleIcon() {
       return Boolean(this.titleIcon);
     },
-    textColor() {
-      return variantCssColorMap[this.variant];
+    iconVariant() {
+      return badgeVariantToIconVariantMap[this.variant];
     },
     canAnimate() {
       return this.shouldAnimate && !Number.isNaN(Number(this.value));
@@ -117,7 +117,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',_vm._g(_vm._b({staticClass:"gl-single-stat gl-flex gl-flex-col gl-p-2"},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"gl-mb-2 gl-flex gl-items-center gl-text-gray-700"},[(_vm.showTitleIcon)?_c('gl-icon',{class:['gl-mr-2', _vm.titleIconClass],attrs:{"name":_vm.titleIcon,"data-testid":"title-icon"}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-text-base gl-font-normal",attrs:{"data-testid":"title-text"}},[_vm._v(_vm._s(_vm.title))])],1),_vm._v(" "),_c('div',{staticClass:"gl-single-stat-content gl-flex gl-items-baseline gl-font-bold gl-text-gray-900"},[_c('span',{staticClass:"gl-single-stat-number gl-leading-1",class:{ 'gl-mr-2': !_vm.unit },attrs:{"data-testid":"displayValue"}},[(_vm.canAnimate)?_c('gl-animated-number',{attrs:{"number":Number(_vm.value),"decimal-places":_vm.animationDecimalPlaces,"use-delimiters":_vm.useDelimiters},on:{"animating":function($event){return _vm.setHideUnits(true)},"animated":function($event){return _vm.setHideUnits(false)}}}):_c('span',{attrs:{"data-testid":"non-animated-value"}},[_vm._v(_vm._s(_vm.statValue))])],1),_vm._v(" "),(_vm.unit)?_c('span',{staticClass:"gl-mx-2 gl-text-sm gl-opacity-10 gl-transition-all",class:{ '!gl-opacity-0': _vm.hideUnits },attrs:{"data-testid":"unit"}},[_vm._v(_vm._s(_vm.unit))]):_vm._e(),_vm._v(" "),(_vm.showMetaIcon)?_c('gl-icon',{class:_vm.textColor,attrs:{"name":_vm.metaIcon,"data-testid":"meta-icon"}}):_vm._e(),_vm._v(" "),(_vm.showBadge)?_c('gl-badge',{attrs:{"variant":_vm.variant,"icon":_vm.metaIcon,"data-testid":"meta-badge"}},[_vm._v(_vm._s(_vm.metaText))]):_vm._e()],1)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g(_vm._b({staticClass:"gl-single-stat gl-flex gl-flex-col gl-p-2"},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"gl-mb-2 gl-flex gl-items-center gl-text-heading"},[(_vm.showTitleIcon)?_c('gl-icon',{class:['gl-mr-2', _vm.titleIconClass],attrs:{"name":_vm.titleIcon,"data-testid":"title-icon"}}):_vm._e(),_vm._v(" "),_c('span',{staticClass:"gl-text-base gl-font-normal",attrs:{"data-testid":"title-text"}},[_vm._v(_vm._s(_vm.title))])],1),_vm._v(" "),_c('div',{staticClass:"gl-single-stat-content gl-flex gl-items-baseline gl-font-bold gl-text-strong"},[_c('span',{staticClass:"gl-single-stat-number gl-leading-1",class:{ 'gl-mr-2': !_vm.unit },attrs:{"data-testid":"displayValue"}},[(_vm.canAnimate)?_c('gl-animated-number',{attrs:{"number":Number(_vm.value),"decimal-places":_vm.animationDecimalPlaces,"use-delimiters":_vm.useDelimiters},on:{"animating":function($event){return _vm.setHideUnits(true)},"animated":function($event){return _vm.setHideUnits(false)}}}):_c('span',{attrs:{"data-testid":"non-animated-value"}},[_vm._v(_vm._s(_vm.statValue))])],1),_vm._v(" "),(_vm.unit)?_c('span',{staticClass:"gl-mx-2 gl-text-sm gl-opacity-10 gl-transition-all",class:{ '!gl-opacity-0': _vm.hideUnits },attrs:{"data-testid":"unit"}},[_vm._v(_vm._s(_vm.unit))]):_vm._e(),_vm._v(" "),(_vm.showMetaIcon)?_c('gl-icon',{attrs:{"variant":_vm.iconVariant,"name":_vm.metaIcon,"data-testid":"meta-icon"}}):_vm._e(),_vm._v(" "),(_vm.showBadge)?_c('gl-badge',{attrs:{"variant":_vm.variant,"icon":_vm.metaIcon,"data-testid":"meta-badge"}},[_vm._v(_vm._s(_vm.metaText))]):_vm._e()],1)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */