@gitlab/ui 42.20.0 → 42.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "42.20.0",
+  "version": "42.21.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -83,7 +83,7 @@
     "@babel/preset-env": "^7.10.2",
     "@gitlab/eslint-plugin": "13.1.0",
     "@gitlab/stylelint-config": "4.1.0",
-    "@gitlab/svgs": "2.26.0",
+    "@gitlab/svgs": "2.27.0",
     "@rollup/plugin-commonjs": "^11.1.0",
     "@rollup/plugin-node-resolve": "^7.1.3",
     "@rollup/plugin-replace": "^2.3.2",

package/src/components/base/alert/alert.vue

@@ -94,6 +94,7 @@ export default {
       return alertVariantIconMap[this.variant];
     },
     shouldRenderActions() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots.actions || this.actionButtons.length);
     },
     actionButtons() {

package/src/components/base/badge/badge.vue

@@ -44,6 +44,7 @@ export default {
   },
   computed: {
     hasIconOnly() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.icon && Object.keys(this.$slots).length === 0);
     },
     role() {

package/src/components/base/button/button.vue

@@ -74,6 +74,7 @@ export default {
       return this.icon !== '';
     },
     hasIconOnly() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Object.keys(this.$slots).length === 0 && this.hasIcon;
     },
     isButtonDisabled() {
@@ -111,6 +112,7 @@ export default {
     },
   },
   mounted() {
+    // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
     if (!this.$slots.default && !this.$attrs['aria-label'] && !this.$props.label) {
       logWarning('[gl-button]: Accessible name missing. Please add inner text or aria-label.');
     }

package/src/components/base/carousel/carousel.vue

@@ -10,6 +10,7 @@ export default {
 </script>
 <template>
   <b-carousel v-bind="$attrs" v-on="$listeners">
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/carousel/carousel_slide.vue

@@ -9,6 +9,7 @@ export default {
 </script>
 <template>
   <b-carousel-slide v-bind="$attrs" v-on="$listeners">
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/drawer/drawer.vue

@@ -57,6 +57,7 @@ export default {
       };
     },
     shouldRenderFooter() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots.footer);
     },
     variantClass() {

package/src/components/base/dropdown/dropdown.vue

@@ -202,6 +202,7 @@ export default {
   },
   methods: {
     hasSlotContents(slotName) {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots[slotName]);
     },
     show(...args) {

package/src/components/base/filtered_search/filtered_search_token_segment.vue

@@ -118,6 +118,7 @@ export default {
     },
 
     hasOptionsOrSuggestions() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return this.options?.length || this.$slots.suggestions;
     },
 

package/src/components/base/form/form_group/form_group.vue

@@ -48,6 +48,7 @@ export default {
       return defaultClass;
     },
     hasLabelDescription() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.labelDescription || this.$slots['label-description']);
     },
   },
@@ -67,6 +68,7 @@ export default {
       </gl-form-text>
     </template>
 
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/form/form_select/form_select.scss

@@ -21,6 +21,7 @@ See: https://gitlab.com/gitlab-org/gitlab/issues/30055
   @include gl-border-none;
   @include gl-appearance-none;
   @include gl-text-truncate;
+  @include gl-bg-no-repeat;
   background-image: url($gl-icon-select-chevron-down);
 
   &:focus,

package/src/components/base/form/form_select/form_select.vue

@@ -10,6 +10,7 @@ export default {
 </script>
 <template>
   <b-form-select class="gl-form-select" v-bind="$attrs" v-on="$listeners">
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/modal/modal.vue

@@ -88,9 +88,11 @@ export default {
   },
   computed: {
     shouldRenderModalOk() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots['modal-ok']);
     },
     shouldRenderModalCancel() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots['modal-cancel']);
     },
     shouldRenderModalFooter() {
@@ -98,6 +100,7 @@ export default {
         this.actionCancel ||
           this.actionSecondary ||
           this.actionPrimary ||
+          // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
           this.$slots['modal-footer']
       );
     },

package/src/components/base/tabs/tab/tab.vue

@@ -48,6 +48,7 @@ export default {
     v-bind="$attrs"
     v-on="$listeners"
   >
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/tabs/tabs/scrollable_tabs.vue

@@ -107,6 +107,7 @@ export default {
     v-bind="passthroughAttrs"
     v-on="$listeners"
   >
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/tabs/tabs/tabs.vue

@@ -221,6 +221,7 @@ export default {
     v-bind="$attrs"
     v-on="listeners"
   >
+    <!-- eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots -->
     <template v-for="slot in Object.keys($slots)" #[slot]>
       <slot :name="slot"></slot>
     </template>

package/src/components/base/toggle/toggle.vue

@@ -82,6 +82,7 @@ export default {
   },
   computed: {
     shouldRenderHelp() {
+      // eslint-disable-next-line @gitlab/vue-prefer-dollar-scopedslots
       return Boolean(this.$slots.help || this.help);
     },
     icon() {