@gitlab/ui 59.4.0 → 60.0.0

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+# [60.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v59.5.0...v60.0.0) (2023-04-06)
+
+
+### Features
+
+* **Breadcrumb:** Add opt in multiple avatars ([67f1e3e](https://gitlab.com/gitlab-org/gitlab-ui/commit/67f1e3eac7899568052730d0135cb471e2d0e474))
+
+
+### BREAKING CHANGES
+
+* **Breadcrumb:** Deprecated avatar slot
+Added avatar option in items prop
+
+chore(breadcrumbs)
+
+fix css rules on avatar
+
+chore(breadcrumbs)
+
+fix story template
+
+Add review suggestions
+
+# [59.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v59.4.0...v59.5.0) (2023-04-06)
+
+
+### Features
+
+* add gl-sm-flex-nowrap, gl-flex-wrap-reverse ([7acd006](https://gitlab.com/gitlab-org/gitlab-ui/commit/7acd006d285bfe7eb51f9bcb1edc81b20b934b8a))
+
 # [59.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v59.3.2...v59.4.0) (2023-04-05)
 
 

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

@@ -1,5 +1,6 @@
 import { BBreadcrumb } from 'bootstrap-vue/esm/index.js';
 import GlButton from '../button/button';
+import GlAvatar from '../avatar/avatar';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import GlBreadcrumbItem from './breadcrumb_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
@@ -10,7 +11,8 @@ var script = {
   components: {
     BBreadcrumb,
     GlButton,
-    GlBreadcrumbItem
+    GlBreadcrumbItem,
+    GlAvatar
   },
   directives: {
     GlTooltip: GlTooltipDirective
@@ -27,9 +29,9 @@ var script = {
         text: '',
         href: ''
       }],
-      validator: links => {
-        return links.every(link => {
-          const keys = Object.keys(link);
+      validator: items => {
+        return items.every(item => {
+          const keys = Object.keys(item);
           return keys.includes('text') && (keys.includes('href') || keys.includes('to'));
         });
       }
@@ -83,7 +85,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",attrs:{"aria-label":"Breadcrumb"}},[_vm._t("avatar"),_vm._v(" "),_c('b-breadcrumb',_vm._g(_vm._b({staticClass:"gl-breadcrumb-list"},'b-breadcrumb',_vm.$attrs,false),_vm.$listeners),[_vm._l((_vm.items),function(item,index){return [_c('gl-breadcrumb-item',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isItemCollapsed(index)),expression:"!isItemCollapsed(index)"}],ref:_vm.isFirstItem(index) ? 'firstItem' : null,refInFor:true,attrs:{"text":item.text,"href":item.href,"to":item.to,"aria-current":_vm.getAriaCurrentAttr(index)}},[_vm._v(_vm._s(item.text))]),_vm._v(" "),(_vm.showCollapsedBreadcrumbsExpander(index))?[_c('li',{staticClass:"gl-breadcrumb-item"},[_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip.hover",value:('Show all breadcrumbs'),expression:"'Show all breadcrumbs'",modifiers:{"hover":true}}],attrs:{"aria-label":"Show all breadcrumbs","data-testid":"collapsed-expander","icon":"ellipsis_h","category":"primary"},on:{"click":_vm.expandBreadcrumbs}})],1)]:_vm._e()]})],2)],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('nav',{staticClass:"gl-breadcrumbs",attrs:{"aria-label":"Breadcrumb"}},[_c('b-breadcrumb',_vm._g(_vm._b({staticClass:"gl-breadcrumb-list"},'b-breadcrumb',_vm.$attrs,false),_vm.$listeners),[_vm._l((_vm.items),function(item,index){return [_c('gl-breadcrumb-item',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isItemCollapsed(index)),expression:"!isItemCollapsed(index)"}],ref:_vm.isFirstItem(index) ? 'firstItem' : null,refInFor:true,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',[_vm._v(_vm._s(item.text))])],1),_vm._v(" "),(_vm.showCollapsedBreadcrumbsExpander(index))?[_c('li',{staticClass:"gl-breadcrumb-item"},[_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip.hover",value:('Show all breadcrumbs'),expression:"'Show all breadcrumbs'",modifiers:{"hover":true}}],attrs:{"aria-label":"Show all breadcrumbs","data-testid":"collapsed-expander","icon":"ellipsis_h","category":"primary"},on:{"click":_vm.expandBreadcrumbs}})],1)]:_vm._e()]})],2)],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */