@gitlab/ui 108.0.1 → 108.2.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [108.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v108.1.0...v108.2.0) (2025-02-10)
+
+
+### Features
+
+* **GlToast:** Use token for action color ([5eec4df](https://gitlab.com/gitlab-org/gitlab-ui/commit/5eec4dff2c1a91c9ff6b869d6b34b9b8856c842c))
+
+# [108.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v108.0.1...v108.1.0) (2025-02-05)
+
+
+### Features
+
+* **GlBreadcrumb:** Add `size` prop ([47cf4bd](https://gitlab.com/gitlab-org/gitlab-ui/commit/47cf4bd6416ab99b918e409e9ef918a55fb9026f))
+
 ## [108.0.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v108.0.0...v108.0.1) (2025-02-04)
 
 

package/dist/components/base/breadcrumb/breadcrumb.js

@@ -3,6 +3,7 @@ import { translate } from '../../../utils/i18n';
 import GlAvatar from '../avatar/avatar';
 import GlDisclosureDropdown from '../new_dropdowns/disclosure/disclosure_dropdown';
 import { GlTooltipDirective } from '../../../directives/tooltip';
+import { breadCrumbSizeOptions } from '../../../utils/constants';
 import GlBreadcrumbItem from './breadcrumb_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
@@ -56,6 +57,15 @@ var script = {
       type: Boolean,
       required: false,
       default: true
+    },
+    /**
+     * Size of the breadcrumb item. Use `sm` for page breadcrumbs.
+     */
+    size: {
+      type: String,
+      required: false,
+      default: breadCrumbSizeOptions.sm,
+      validator: value => Object.keys(breadCrumbSizeOptions).includes(value)
     }
   },
   data() {
@@ -67,7 +77,7 @@ var script = {
       totalBreadcrumbsWidth: 0,
       // the total width of all breadcrumb items combined
       widthPerItem: [],
-      // array with the indivudal widths of each breadcrumb item
+      // array with the individual widths of each breadcrumb item
       resizeDone: false // to apply some CSS only during/after resizing
     };
   },
@@ -97,6 +107,12 @@ var script = {
         };
       }
       return {};
+    },
+    dropdownSize() {
+      return this.size === 'sm' ? 'small' : 'medium';
+    },
+    avatarSize() {
+      return this.size === 'sm' ? 16 : 24;
     }
   },
   watch: {
@@ -192,7 +208,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('nav',{staticClass:"gl-breadcrumbs",style:(_vm.breadcrumbStyle),attrs:{"aria-label":_vm.ariaLabel}},[_c('ol',_vm._g(_vm._b({staticClass:"gl-breadcrumb-list breadcrumb"},'ol',_vm.$attrs,false),_vm.$listeners),[(_vm.hasCollapsible)?_c('li',{staticClass:"gl-breadcrumb-item"},[_c('gl-disclosure-dropdown',{attrs:{"items":_vm.overflowingItems,"toggle-text":_vm.showMoreLabel,"fluid-width":"","text-sr-only":"","no-caret":"","icon":"ellipsis_h","size":"small"}})],1):_vm._e(),_vm._v(" "),_vm._l((_vm.fittingItems),function(item,index){return _c('gl-breadcrumb-item',{key:index,ref:"breadcrumbs",refInFor:true,style:(_vm.itemStyle),attrs:{"text":item.text,"href":item.href,"to":item.to,"aria-current":_vm.getAriaCurrentAttr(index)}},[(item.avatarPath)?_c('gl-avatar',{staticClass:"gl-breadcrumb-avatar-tile gl-border gl-mr-2 !gl-rounded-base",attrs:{"src":item.avatarPath,"size":16,"aria-hidden":"true","shape":"rect","data-testid":"avatar"}}):_vm._e(),_c('span',{staticClass:"gl-align-middle"},[_vm._v(_vm._s(item.text))])],1)})],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"gl-breadcrumbs",style:(_vm.breadcrumbStyle),attrs:{"aria-label":_vm.ariaLabel}},[_c('ol',_vm._g(_vm._b({staticClass:"gl-breadcrumb-list breadcrumb"},'ol',_vm.$attrs,false),_vm.$listeners),[(_vm.hasCollapsible)?_c('li',{class:("gl-breadcrumb-item gl-breadcrumb-item-" + _vm.size)},[_c('gl-disclosure-dropdown',{attrs:{"items":_vm.overflowingItems,"toggle-text":_vm.showMoreLabel,"fluid-width":"","text-sr-only":"","no-caret":"","icon":"ellipsis_h","size":_vm.dropdownSize}})],1):_vm._e(),_vm._v(" "),_vm._l((_vm.fittingItems),function(item,index){return _c('gl-breadcrumb-item',{key:index,ref:"breadcrumbs",refInFor:true,style:(_vm.itemStyle),attrs:{"text":item.text,"href":item.href,"to":item.to,"size":_vm.size,"aria-current":_vm.getAriaCurrentAttr(index)}},[(item.avatarPath)?_c('gl-avatar',{staticClass:"gl-breadcrumb-avatar-tile gl-border gl-mr-2 !gl-rounded-base",attrs:{"src":item.avatarPath,"size":_vm.avatarSize,"aria-hidden":"true","shape":"rect","data-testid":"avatar"}}):_vm._e(),_c('span',{staticClass:"gl-align-middle"},[_vm._v(_vm._s(item.text))])],1)})],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/base/breadcrumb/breadcrumb_item.js

@@ -1,4 +1,5 @@
 import { BLink } from '../../../vendor/bootstrap-vue/src/components/link/link';
+import { breadCrumbSizeOptions } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 var script = {
@@ -30,6 +31,12 @@ var script = {
       validator(value) {
         return [false, 'page'].indexOf(value) !== -1;
       }
+    },
+    size: {
+      type: String,
+      required: false,
+      default: breadCrumbSizeOptions.sm,
+      validator: value => Object.keys(breadCrumbSizeOptions).includes(value)
     }
   }
 };
@@ -38,7 +45,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('li',{staticClass:"gl-breadcrumb-item"},[_c('b-link',{attrs:{"href":_vm.href,"to":_vm.to,"aria-current":_vm.ariaCurrent}},[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.text))]})],2)],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{class:("gl-breadcrumb-item gl-breadcrumb-item-" + _vm.size)},[_c('b-link',{attrs:{"href":_vm.href,"to":_vm.to,"aria-current":_vm.ariaCurrent}},[_vm._t("default",function(){return [_vm._v(_vm._s(_vm.text))]})],2)],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */