@gitlab/ui 115.5.0 → 115.6.1

package/dist/components/base/alert/alert.js

@@ -6,6 +6,7 @@ import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlAlert',
   components: {

package/dist/components/base/avatar/avatar.js

@@ -4,6 +4,7 @@ import { getAvatarChar } from '../../../utils/string_utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const IDENTICON_BG_COUNT = 7;
 var script = {
   name: 'GlAvatar',

package/dist/components/base/badge/badge.js

@@ -4,6 +4,7 @@ import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const variantClass = {
   [badgeVariantOptions.muted]: 'badge-muted',
   [badgeVariantOptions.neutral]: 'badge-neutral',

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

@@ -8,6 +8,7 @@ import GlBreadcrumbItem from './breadcrumb_item';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlBreadcrumb',
   components: {
@@ -150,7 +151,7 @@ var script = {
       this.resizeDone = false;
       this.resetItems();
       const containerWidth = this.$el.clientWidth;
-      const buttonWidth = 40; // px
+      const buttonWidth = this.size === 'sm' ? 40 : 48; // px
 
       if (this.totalBreadcrumbsWidth > containerWidth) {
         // Not all breadcrumb items fit. Start moving items over to the dropdown.

package/dist/components/base/button/button.js

@@ -10,6 +10,7 @@ import { SPACE, ENTER } from '../new_dropdowns/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlButton',
   components: {

package/dist/components/base/datepicker/datepicker.js

@@ -10,6 +10,7 @@ import { translate } from '../../../utils/i18n';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const pad = function (val) {
   let len = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   return `0${val}`.slice(-len);

package/dist/components/base/drawer/drawer.js

@@ -4,6 +4,7 @@ import GlButton from '../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlDrawer',
   components: {

package/dist/components/base/dropdown/dropdown.js

@@ -12,6 +12,7 @@ import GlDropdownDivider from './dropdown_divider';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const Selector = {
   ITEM_SELECTOR: '.dropdown-item:not(.disabled):not([disabled]),.form-control:not(.disabled):not([disabled])'
 };

package/dist/components/base/icon/icon.js

@@ -4,6 +4,7 @@ import { iconSizeOptions, iconVariantOptions } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const knownIcons = new Set(iconsInfo.icons);
 
 /** This is a re-usable vue component for rendering a svg sprite icon

package/dist/components/base/label/label.js

@@ -7,6 +7,7 @@ import GlTooltip from '../tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlLabel',
   components: {

package/dist/components/base/link/link.js

@@ -14,6 +14,7 @@ import { linkVariantOptions, isVue3, linkVariantUnstyled, linkVariantInline, lin
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const ANCHOR_TAG = 'a';
 const NUXT_LINK_TAG = 'nuxt-link';
 const VUE_ROUTER_LINK_TAG = 'router-link';

package/dist/components/base/modal/modal.js

@@ -7,6 +7,7 @@ import GlButton from '../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 function validatorHelper(obj) {
   return Object.keys(obj).every(val => val === 'text' || val === 'attributes');
 }

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

@@ -10,6 +10,7 @@ import { itemsValidator, hasOnlyListItems, isItem } from './utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const DROPDOWN_SELECTOR = `.${BASE_DROPDOWN_CLASS}`;
 const ITEM_SELECTOR = `.${ITEM_CLASS}`;
 var script = {

package/dist/components/base/new_dropdowns/listbox/listbox.js

@@ -16,6 +16,7 @@ import { itemsValidator, isOption, flattenedOptions } from './utils';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const ITEM_SELECTOR = '[role="option"]';
 const ITEM_NULL_KEY = Symbol('null-key');
 const HEADER_ITEMS_BORDER_CLASSES = ['gl-border-b-1', 'gl-border-b-solid', 'gl-border-b-dropdown-divider'];

package/dist/components/base/pagination/pagination.js

@@ -9,6 +9,7 @@ import GlLink from '../link/link';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const pageRange = (from, to) => range(from, to + 1, 1);
 var script = {
   name: 'Pagination',

package/dist/components/base/path/path.js

@@ -6,6 +6,7 @@ import GlIcon from '../icon/icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const BOUNDARY_WIDTH = 40;
 const PATH_ITEM_CLASS = 'gl-path-button';
 const PATH_ACTIVE_ITEM_CLASS = 'gl-path-active-item';

package/dist/components/base/popover/popover.js

@@ -5,6 +5,7 @@ import { popoverPlacements } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const popoverRefName = 'bPopover';
 var script = {
   name: 'GlPopover',

package/dist/components/base/table/table.js

@@ -4,6 +4,7 @@ import { glTableLiteWarning, tableFullProps, tableFullSlots } from './constants'
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const shouldUseFullTable = _ref => {
   let {
     $attrs,

package/dist/components/base/tabs/tab/tab.js

@@ -4,6 +4,7 @@ import { DEFAULT_TAB_TITLE_LINK_CLASS } from '../constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlTab',
   components: {

package/dist/components/base/tabs/tabs/tabs.js

@@ -4,6 +4,7 @@ import GlButton from '../../button/button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const validatorHelper = obj => Object.keys(obj).every(val => val === 'text' || val === 'attributes');
 var script = {
   name: 'GlTabs',

package/dist/components/base/toggle/toggle.js

@@ -5,6 +5,7 @@ import GlLoadingIcon from '../loading_icon/loading_icon';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 let uuid = 0;
 var script = {
   name: 'GlToggle',

package/dist/components/base/token/token.js

@@ -4,6 +4,7 @@ import CloseButton from '../../shared_components/close_button/close_button';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlToken',
   components: {

package/dist/components/base/tooltip/tooltip.js

@@ -5,6 +5,7 @@ import { getGlTooltipDefaultContainer } from '../../../directives/tooltip/contai
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const tooltipRefName = 'bvTooltip';
 var script = {
   name: 'GlTooltip',

package/dist/components/charts/area/area.js

@@ -9,6 +9,7 @@ import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlAreaChart',
   components: {

package/dist/components/charts/bar/bar.js

@@ -12,6 +12,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 
+
 /**
  * `nameGap` in charts/config is set to 50 but it is not
  * used for bar charts as the axes are flipped. That is why

package/dist/components/charts/chart/chart.js

@@ -8,6 +8,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 
+
 /**
  * Allowed values by eCharts
  * https://echarts.apache.org/en/api.html#echartsInstance.resize

package/dist/components/charts/column/column.js

@@ -7,6 +7,7 @@ import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const yAxisDefaults = {
   ...yAxis,
   nameLocation: 'center',

package/dist/components/charts/gauge/gauge.js

@@ -6,6 +6,7 @@ import Chart from '../chart/chart';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const AXIS_LABEL_FONT_SIZE_PX = 14;
 const ARC_RADIUS = '80%';
 const DETAIL_FONT_SIZE_PX = 30;

package/dist/components/charts/heatmap/heatmap.js

@@ -11,6 +11,7 @@ import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const defaultOptions = {
   visualMap: {
     show: false,

package/dist/components/charts/legend/legend.js

@@ -7,6 +7,7 @@ import GlChartSeriesLabel from '../series_label/series_label';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlChartLegend',
   components: {

package/dist/components/charts/line/line.js

@@ -9,6 +9,7 @@ import ChartTooltip from '../shared/tooltip/tooltip';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlLineChart',
   components: {

package/dist/components/charts/shared/tooltip/tooltip.js

@@ -8,6 +8,7 @@ import TooltipDefaultFormat from './tooltip_default_format/tooltip_default_forma
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlChartTooltip',
   components: {

package/dist/components/charts/sparkline/sparkline.js

@@ -10,6 +10,7 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
 
+
 // the padding is needed so the mark points don't overflow when visible
 const gridPadding = symbolSize / 2;
 const generateGradient = colors => {

package/dist/components/dashboards/dashboard_layout/dashboard_layout.js

@@ -4,9 +4,6 @@ import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 /**
  * The `DashboardLayout` component provides an easy way to render dashboards using a configuration, aligning with our [Pajamas guidelines](https://design.gitlab.com/patterns/dashboards).
- *
- * Please refer to the [documentation](https://docs.gitlab.com/development/fe_guide/dashboard_layout_framework) for more information.
- *
  */
 var script = {
   name: 'GlDashboardLayout',

package/dist/components/dashboards/dashboard_panel/dashboard_panel.js

@@ -133,9 +133,9 @@ 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',{staticClass:"gl-border gl-h-full !gl-overflow-visible gl-rounded-base gl-bg-white gl-p-4",class:_vm.containerClasses,attrs:{"id":_vm.panelId}},[_c('div',{staticClass:"gl-flex gl-h-full gl-flex-col"},[_c('div',{staticClass:"gl-flex gl-items-start gl-justify-between",attrs:{"data-testid":"panel-title"}},[_c('div',{staticClass:"gl-flex gl-items-center gl-overflow-hidden gl-pb-3"},[(_vm.hasTitleIcon)?_c('gl-icon',{staticClass:"gl-mr-1",class:_vm.titleIconClass,attrs:{"name":_vm.titleIcon,"data-testid":"panel-title-icon"}}):_vm._e(),_vm._v(" "),(_vm.hasTitle)?_c('gl-truncate',{staticClass:"gl-font-bold gl-text-default",attrs:{"text":_vm.title,"with-tooltip":""}}):_vm._e(),_vm._v(" "),(_vm.hasTitlePopover)?[_c('gl-icon',{staticClass:"gl-ml-2",attrs:{"id":_vm.titlePopoverId,"data-testid":"panel-title-popover-icon","name":"information-o","variant":"info"}}),_vm._v(" "),_c('gl-popover',{attrs:{"data-testid":"panel-title-popover","boundary":"viewport","target":_vm.titlePopoverId}},[(_vm.hasTitlePopoverLink)?_c('gl-sprintf',{attrs:{"message":_vm.titlePopover.description},scopedSlots:_vm._u([{key:"link",fn:function(ref){
 var content = ref.content;
-return [_c('gl-link',{staticClass:"gl-text-sm",attrs:{"href":_vm.titlePopover.descriptionLink}},[_vm._v(_vm._s(content))])]}}],null,false,3051540671)}):[_vm._v("\n              "+_vm._s(_vm.titlePopover.description)+"\n            ")]],2)]:_vm._e()],2),_vm._v(" "),(_vm.shouldShowActions)?_c('gl-disclosure-dropdown',{attrs:{"items":_vm.actions,"icon":"ellipsis_v","toggle-text":_vm.actionsToggleText,"text-sr-only":"","no-caret":"","placement":"bottom-end","fluid-width":"","toggle-class":"gl-ml-1","category":"tertiary","positioning-strategy":"fixed"},on:{"shown":function($event){return _vm.$emit('dropdownOpen')},"hidden":function($event){return _vm.$emit('dropdownClosed')}},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
+return [_c('gl-link',{staticClass:"gl-text-sm",attrs:{"href":_vm.titlePopover.descriptionLink}},[_vm._v(_vm._s(content))])]}}],null,false,3051540671)}):[_vm._v("\n              "+_vm._s(_vm.titlePopover.description)+"\n            ")]],2)]:_vm._e()],2),_vm._v(" "),(_vm.shouldShowActions || _vm.$scopedSlots.filters)?_c('div',{staticClass:"gl-flex gl-flex-col gl-items-end gl-gap-2",attrs:{"data-testid":"panel-actions-filters-container"}},[(_vm.shouldShowActions)?_c('gl-disclosure-dropdown',{attrs:{"items":_vm.actions,"icon":"ellipsis_v","toggle-text":_vm.actionsToggleText,"text-sr-only":"","no-caret":"","placement":"bottom-end","fluid-width":"","toggle-class":"gl-ml-1","category":"tertiary","positioning-strategy":"fixed"},on:{"shown":function($event){return _vm.$emit('dropdownOpen')},"hidden":function($event){return _vm.$emit('dropdownClosed')}},scopedSlots:_vm._u([{key:"list-item",fn:function(ref){
 var item = ref.item;
-return [_c('span',[_c('gl-icon',{attrs:{"name":item.icon}}),_vm._v(" "+_vm._s(item.text))],1)]}}],null,false,3632670457)}):_vm._e()],1),_vm._v(" "),_c('div',{class:_vm.bodyClasses},[(_vm.loading)?[_c('gl-loading-icon',{staticClass:"gl-min-h-8 gl-w-full",attrs:{"size":"lg"}}),_vm._v(" "),(_vm.isLoadingDelayed)?_c('div',{staticClass:"gl-w-full gl-text-subtle",attrs:{"data-testId":"panel-loading-delayed-indicator"}},[_vm._v("\n          "+_vm._s(_vm.loadingDelayedText)+"\n        ")]):_vm._e()]:_vm._t("body")],2),_vm._v(" "),_vm._t("alert-message",null,{"panelId":_vm.panelId})],2)])};
+return [_c('span',[_c('gl-icon',{attrs:{"name":item.icon}}),_vm._v(" "+_vm._s(item.text))],1)]}}],null,false,3632670457)}):_vm._e(),_vm._v(" "),(_vm.$scopedSlots.filters)?_c('div',{staticClass:"gl-flex gl-items-center gl-justify-end gl-pb-2",attrs:{"data-testid":"panel-filters-container"}},[_vm._t("filters")],2):_vm._e()],1):_vm._e()]),_vm._v(" "),_c('div',{class:_vm.bodyClasses},[(_vm.loading)?[_c('gl-loading-icon',{staticClass:"gl-min-h-8 gl-w-full",attrs:{"size":"lg"}}),_vm._v(" "),(_vm.isLoadingDelayed)?_c('div',{staticClass:"gl-w-full gl-text-subtle",attrs:{"data-testId":"panel-loading-delayed-indicator"}},[_vm._v("\n          "+_vm._s(_vm.loadingDelayedText)+"\n        ")]):_vm._e()]:_vm._t("body")],2),_vm._v(" "),_vm._t("alert-message",null,{"panelId":_vm.panelId})],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/components/utilities/intersperse/intersperse.js

@@ -7,6 +7,7 @@ import { isVnodeEmpty } from '../../../utils/is_slot_empty';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const filterEmptyNodesVue2 = filter(vNode => typeof vNode.tag === 'string' || vNode.text.trim() !== '');
 const {
   Fragment

package/dist/components/utilities/sprintf/sprintf.js

@@ -3,6 +3,7 @@ import isString from 'lodash/isString';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 const PREFIX = '%{';
 const SUFFIX = '}';
 const START_SUFFIX = 'Start';

package/dist/components/utilities/truncate/truncate.js

@@ -4,6 +4,7 @@ import { POSITION, ZERO_WIDTH_SPACE } from './constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
+
 var script = {
   name: 'GlTruncate',
   POSITION,