@gitlab/ui 134.3.1 → 134.5.0

package/dist/components/base/new_dropdowns/disclosure/mock_data.js

@@ -86,7 +86,7 @@ const mockGroups = [{
   name: 'This project',
   items: [{
     text: 'New issue',
-    href: 'https://gitlab.com/gitlab-org/gitlab/-/issues/new',
+    href: 'https://gitlab.com/gitlab-org/gitlab/-/work_items/new',
     extraAttrs: {
       target: '_blank',
       rel: 'nofollow'

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

@@ -2,6 +2,7 @@ import { badgeVariantOptions, badgeVariantToIconVariantMap } from '../../../util
 import GlBadge from '../../base/badge/badge';
 import GlIcon from '../../base/icon/icon';
 import GlAnimatedNumber from '../../utilities/animated_number/animated_number';
+import GlTruncate from '../../utilities/truncate/truncate';
 import { formatNumberToLocale } from '../../../utils/number_utils';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -11,7 +12,8 @@ var script = {
   components: {
     GlIcon,
     GlBadge,
-    GlAnimatedNumber
+    GlAnimatedNumber,
+    GlTruncate
   },
   directives: {
     GlTooltip: GlTooltipDirective
@@ -84,6 +86,11 @@ var script = {
       type: Number,
       required: false,
       default: 0
+    },
+    description: {
+      type: String,
+      required: false,
+      default: null
     }
   },
   data() {
@@ -129,7 +136,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-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 && _vm.metaTooltip)?_c('button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip.viewport",modifiers:{"viewport":true}}],staticClass:"!gl-cursor-default gl-border-0 gl-bg-transparent gl-p-0 gl-leading-0",attrs:{"type":"button","title":_vm.metaTooltip,"data-testid":"meta-badge-button"}},[_c('gl-badge',{attrs:{"variant":_vm.variant,"icon":_vm.metaIcon,"data-testid":"meta-badge"}},[_vm._v(_vm._s(_vm.metaText))])],1):(_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-gap-2 gl-p-2"},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{staticClass:"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 && _vm.metaTooltip)?_c('button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip.viewport",modifiers:{"viewport":true}}],staticClass:"!gl-cursor-default gl-border-0 gl-bg-transparent gl-p-0 gl-leading-0",attrs:{"type":"button","title":_vm.metaTooltip,"data-testid":"meta-badge-button"}},[_c('gl-badge',{attrs:{"variant":_vm.variant,"icon":_vm.metaIcon,"data-testid":"meta-badge"}},[_vm._v(_vm._s(_vm.metaText))])],1):(_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),_vm._v(" "),_vm._t("default"),_vm._v(" "),(_vm.description)?_c('gl-truncate',{staticClass:"gl-text-sm gl-text-subtle",attrs:{"data-testid":"description","text":_vm.description,"with-tooltip":""}}):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -506,6 +506,7 @@ const BVTooltip = /*#__PURE__*/extend({
         target = getById(target.replace(/^#/, ''));
       } else if (isFunction(target)) {
         target = target();
+        target = target && (target.$el || target);
       } else if (target) {
         target = target.$el || target;
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "134.3.1",
+  "version": "134.5.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -104,7 +104,7 @@
     "@babel/preset-env": "^7.29.7",
     "@babel/preset-react": "^7.29.7",
     "@cypress/grep": "^4.1.1",
-    "@figma/code-connect": "^1.4.7",
+    "@figma/code-connect": "^1.4.8",
     "@gitlab/fonts": "^1.3.1",
     "@gitlab/hybrid-vue": "npm:@vue/compat@3.5.34",
     "@gitlab/svgs": "*",
@@ -139,7 +139,7 @@
     "autoprefixer": "10.5.0",
     "axe-playwright": "^2.2.2",
     "babel-loader": "^9.2.1",
-    "cypress": "15.16.0",
+    "cypress": "15.17.0",
     "cypress-real-events": "^1.15.0",
     "dompurify": "^3.1.2",
     "emoji-regex": "^10.6.0",
@@ -168,13 +168,13 @@
     "rollup-plugin-string": "^3.0.0",
     "rollup-plugin-svg": "^2.0.0",
     "rollup-plugin-vue": "^5.1.9",
-    "sass": "^1.100.0",
+    "sass": "^1.101.0",
     "sass-loader": "^10.5.2",
     "sass-true": "^9",
     "start-server-and-test": "^2.1.5",
     "storybook": "^7.6.24",
     "storybook-dark-mode": "4.0.2",
-    "style-dictionary": "^5.4.2",
+    "style-dictionary": "^5.4.4",
     "style-loader": "^4",
     "tailwindcss": "3.4.19",
     "vue": "2.7.16",

package/src/components/base/new_dropdowns/disclosure/mock_data.js

@@ -106,7 +106,7 @@ export const mockGroups = [
     items: [
       {
         text: 'New issue',
-        href: 'https://gitlab.com/gitlab-org/gitlab/-/issues/new',
+        href: 'https://gitlab.com/gitlab-org/gitlab/-/work_items/new',
         extraAttrs: {
           target: '_blank',
           rel: 'nofollow',

package/src/components/charts/single_stat/single_stat.vue

@@ -3,6 +3,7 @@ import { badgeVariantOptions, badgeVariantToIconVariantMap } from '../../../util
 import GlBadge from '../../base/badge/badge.vue';
 import GlIcon from '../../base/icon/icon.vue';
 import GlAnimatedNumber from '../../utilities/animated_number/animated_number.vue';
+import GlTruncate from '../../utilities/truncate/truncate.vue';
 import { formatNumberToLocale } from '../../../utils/number_utils';
 import { GlTooltipDirective } from '../../../directives/tooltip/tooltip';
 
@@ -12,6 +13,7 @@ export default {
     GlIcon,
     GlBadge,
     GlAnimatedNumber,
+    GlTruncate,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -85,6 +87,11 @@ export default {
       required: false,
       default: 0,
     },
+    description: {
+      type: String,
+      required: false,
+      default: null,
+    },
   },
   data() {
     return {
@@ -128,8 +135,8 @@ export default {
 </script>
 
 <template>
-  <div class="gl-single-stat gl-flex gl-flex-col gl-p-2" v-bind="$attrs" v-on="$listeners">
-    <div class="gl-mb-2 gl-flex gl-items-center gl-text-heading">
+  <div class="gl-single-stat gl-flex gl-flex-col gl-gap-2 gl-p-2" v-bind="$attrs" v-on="$listeners">
+    <div class="gl-flex gl-items-center gl-text-heading">
       <gl-icon
         v-if="showTitleIcon"
         :name="titleIcon"
@@ -187,5 +194,14 @@ export default {
         >{{ metaText }}</gl-badge
       >
     </div>
+    <!-- @slot Supplementary content displayed below the value. -->
+    <slot></slot>
+    <gl-truncate
+      v-if="description"
+      data-testid="description"
+      class="gl-text-sm gl-text-subtle"
+      :text="description"
+      with-tooltip
+    />
   </div>
 </template>

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js

@@ -536,6 +536,7 @@ export const BVTooltip = /*#__PURE__*/ extend({
         target = getById(target.replace(/^#/, ''))
       } else if (isFunction(target)) {
         target = target()
+        target = target && (target.$el || target)
       } else if (target) {
         target = target.$el || target
       }