@gitlab/ui 114.6.0 → 114.7.0

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

@@ -10,7 +10,7 @@ import { isEvent } from '../../../vendor/bootstrap-vue/src/utils/inspect';
 import { stringifyQueryObj } from '../../../vendor/bootstrap-vue/src/utils/router';
 import { safeVueInstance } from '../../../vendor/bootstrap-vue/src/utils/safe-vue-instance';
 import { attemptFocus, attemptBlur } from '../../../vendor/bootstrap-vue/src/utils/dom';
-import { linkVariantOptions, isVue3, linkVariantInline, linkVariantUnstyled } from '../../../utils/constants';
+import { linkVariantOptions, isVue3, linkVariantUnstyled, linkVariantInline, linkVariantMeta } from '../../../utils/constants';
 import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
 
 //
@@ -124,7 +124,7 @@ var script = {
       default: null
     },
     /**
-     * If inline variant, controls ↗ character visibility
+     * Controls ↗ character visibility for external links
      */
     showExternalIcon: {
       type: Boolean,
@@ -161,8 +161,9 @@ var script = {
     isVue3RouterLink() {
       return this.tag === VUE_ROUTER_LINK_TAG && isVue3;
     },
-    isInlineAndHasExternalIcon() {
-      return this.showExternalIcon && this.variant === linkVariantInline && this.href && isExternalURL(this.target, this.href);
+    shouldShowExternalIcon() {
+      const allowedVariants = [linkVariantInline, linkVariantMeta, null]; // null represents default/UI variant
+      return this.showExternalIcon && allowedVariants.includes(this.variant) && this.href && isExternalURL(this.target, this.href);
     },
     computedHref() {
       const fallback = '#';
@@ -234,7 +235,7 @@ var script = {
       return ['gl-link', linkVariantOptions[this.variant], {
         disabled: this.disabled,
         active: this.active,
-        'gl-link-inline-external': this.isInlineAndHasExternalIcon
+        'gl-link-external': this.shouldShowExternalIcon
       }];
     }
   },