@gitlab/ui 58.8.0 → 59.1.0

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# [59.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v59.0.0...v59.1.0) (2023-03-30)
+
+
+### Features
+
+* **css:** add gl-focus-bg-t-gray-a-08 class ([f4664ef](https://gitlab.com/gitlab-org/gitlab-ui/commit/f4664ef79b50c06b7b37daa8add1502475985875))
+
+# [59.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v58.8.0...v59.0.0) (2023-03-30)
+
+
+### Features
+
+* **Breadcrumb:** Update design to match specs ([cfa9122](https://gitlab.com/gitlab-org/gitlab-ui/commit/cfa91223f072b647892f776312cca8f75b510d11))
+
+
+### BREAKING CHANGES
+
+* **Breadcrumb:** Update styles and remove unnecessary ones,
+remove separator slot, update placeholder avatar
+
 # [58.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v58.7.0...v58.8.0) (2023-03-29)
 
 

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

@@ -1,5 +1,4 @@
 import { BBreadcrumb } from 'bootstrap-vue/esm/index.js';
-import GlIcon from '../icon/icon';
 import GlButton from '../button/button';
 import { GlTooltipDirective } from '../../../directives/tooltip';
 import GlBreadcrumbItem from './breadcrumb_item';
@@ -10,7 +9,6 @@ const COLLAPSE_AT_SIZE = 4;
 var script = {
   components: {
     BBreadcrumb,
-    GlIcon,
     GlButton,
     GlBreadcrumbItem
   },
@@ -85,7 +83,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',{ref:_vm.isFirstItem(index) ? 'firstItem' : null,refInFor:true,class:{ 'gl-display-none': _vm.isItemCollapsed(index) },attrs:{"text":item.text,"href":item.href,"to":item.to,"aria-current":_vm.getAriaCurrentAttr(index)}},[_c('span',[_vm._v(_vm._s(item.text))]),_vm._v(" "),(!_vm.isLastItem(index))?_c('span',{key:(index + " " + (item.text)),staticClass:"gl-breadcrumb-separator",attrs:{"data-testid":"separator"}},[_vm._t("separator",function(){return [_c('gl-icon',{attrs:{"name":"chevron-right"}})]})],2):_vm._e()]),_vm._v(" "),(_vm.showCollapsedBreadcrumbsExpander(index))?[_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}}),_vm._v(" "),_c('span',{key:"expander",staticClass:"gl-display-inline-flex gl-text-gray-500",attrs:{"data-testid":"expander-separator"}},[_vm._t("separator",function(){return [_c('gl-icon',{attrs:{"name":"chevron-right"}})]})],2)]:_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"}},[_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_staticRenderFns__ = [];
 
   /* style */