@gitlab/ui 101.7.0 → 101.8.0

package/dist/tokens/build/js/tokens.dark.js

@@ -605,10 +605,10 @@ const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
 const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
 const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
 const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a4a3a8';
-const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#63a6e9';
-const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#63a6e9';
-const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#63a6e9';
-const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#63a6e9';
+const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
+const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
+const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc7f1';
+const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc7f1';
 const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef';
 const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef';
 const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef';
@@ -944,7 +944,7 @@ const GL_TEXT_COLOR_DEFAULT = '#ececef';
 const GL_TEXT_COLOR_SUBTLE = '#bfbfc3';
 const GL_TEXT_COLOR_STRONG = '#fff';
 const GL_TEXT_COLOR_HEADING = '#fff';
-const GL_TEXT_COLOR_LINK = '#63a6e9';
+const GL_TEXT_COLOR_LINK = '#9dc7f1';
 const GL_TEXT_COLOR_WARNING = '#d99530';
 const GL_TEXT_COLOR_DANGER = '#f57f6c';
 const GL_TEXT_COLOR_SUCCESS = '#52b87a';

package/dist/tokens/css/tokens.css

@@ -688,7 +688,6 @@
   --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button background in the hover state. */
   --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the default state. */
   --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the hover state. */
-  --gl-link-mention-text-color-default: var(--gl-color-blue-700); /* Used for the mention link text color. */
   --gl-link-mention-text-color-current: var(--gl-color-orange-800); /* Used for the mention link text color when referencing the current user. */
   --gl-link-mention-background-color-default: var(--gl-color-blue-100); /* Used for the mention link default background. */
   --gl-link-mention-background-color-current: var(--gl-color-orange-100); /* Used for the mention link background when referencing the current user. */
@@ -882,6 +881,7 @@
   --gl-dropdown-option-indicator-color-selected-focus: var(--gl-control-background-color-selected-focus); /* Used for the dropdown selected option indicator in the focus state. */
   --gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
   --gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
+  --gl-link-mention-text-color-default: var(--gl-text-color-link); /* Used for the mention link text color. */
   --gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
   --gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
   --gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */

package/dist/tokens/css/tokens.dark.css

@@ -688,7 +688,6 @@
   --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button background in the hover state. */
   --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the default state. */
   --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the hover state. */
-  --gl-link-mention-text-color-default: var(--gl-color-blue-200); /* Used for the mention link text color. */
   --gl-link-mention-text-color-current: var(--gl-color-orange-100); /* Used for the mention link text color when referencing the current user. */
   --gl-link-mention-background-color-default: var(--gl-color-blue-800); /* Used for the mention link default background. */
   --gl-link-mention-background-color-current: var(--gl-color-orange-800); /* Used for the mention link background when referencing the current user. */
@@ -771,7 +770,7 @@
   --gl-text-color-subtle: var(--gl-color-neutral-200); /* Used for supplemental text that doesn't need to be as prominent as other text. */
   --gl-text-color-strong: var(--gl-color-neutral-0); /* Used for text with the highest contrast. */
   --gl-text-color-heading: var(--gl-color-neutral-0); /* Used for headings level 1-6. */
-  --gl-text-color-link: var(--gl-color-blue-300); /* Used for default text links. */
+  --gl-text-color-link: var(--gl-color-blue-200); /* Used for default text links. */
   --gl-text-color-warning: var(--gl-color-orange-300); /* Used for text that requires caution or careful attention. */
   --gl-text-color-danger: var(--gl-color-red-300); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
   --gl-text-color-success: var(--gl-color-green-300); /* Used for text indicating success, completion, approval, addition, or validity. */
@@ -882,6 +881,7 @@
   --gl-dropdown-option-indicator-color-selected-focus: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the focus state. */
   --gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
   --gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
+  --gl-link-mention-text-color-default: var(--gl-text-color-link); /* Used for the mention link text color. */
   --gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
   --gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
   --gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */

package/dist/tokens/js/tokens.dark.js

@@ -605,10 +605,10 @@ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a4a3a8';
-export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#63a6e9';
+export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc7f1';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef';
@@ -944,7 +944,7 @@ export const GL_TEXT_COLOR_DEFAULT = '#ececef';
 export const GL_TEXT_COLOR_SUBTLE = '#bfbfc3';
 export const GL_TEXT_COLOR_STRONG = '#fff';
 export const GL_TEXT_COLOR_HEADING = '#fff';
-export const GL_TEXT_COLOR_LINK = '#63a6e9';
+export const GL_TEXT_COLOR_LINK = '#9dc7f1';
 export const GL_TEXT_COLOR_WARNING = '#d99530';
 export const GL_TEXT_COLOR_DANGER = '#f57f6c';
 export const GL_TEXT_COLOR_SUCCESS = '#52b87a';

package/dist/tokens/json/tokens.dark.json

@@ -13271,7 +13271,7 @@
       "text": {
         "color": {
           "default": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the default state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13292,7 +13292,7 @@
             ]
           },
           "hover": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the hover state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13313,7 +13313,7 @@
             ]
           },
           "focus": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the focus state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13334,7 +13334,7 @@
             ]
           },
           "active": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the active state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -14717,10 +14717,7 @@
             "filePath": "src/tokens/contextual/link.tokens.json",
             "isSource": true,
             "original": {
-              "$value": {
-                "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
-              },
+              "$value": "{text.color.link}",
               "$type": "color",
               "$description": "Used for the mention link text color."
             },
@@ -21733,7 +21730,7 @@
         ]
       },
       "link": {
-        "$value": "#63a6e9",
+        "$value": "#9dc7f1",
         "$type": "color",
         "$description": "Used for default text links.",
         "filePath": "src/tokens/text.tokens.json",
@@ -21741,7 +21738,7 @@
         "original": {
           "$value": {
             "default": "{color.blue.700}",
-            "dark": "{color.blue.300}"
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for default text links."

package/dist/tokens/json/tokens.json

@@ -14717,10 +14717,7 @@
             "filePath": "src/tokens/contextual/link.tokens.json",
             "isSource": true,
             "original": {
-              "$value": {
-                "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
-              },
+              "$value": "{text.color.link}",
               "$type": "color",
               "$description": "Used for the mention link text color."
             },
@@ -21741,7 +21738,7 @@
         "original": {
           "$value": {
             "default": "{color.blue.700}",
-            "dark": "{color.blue.300}"
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for default text links."

package/dist/tokens/scss/_tokens.dark.scss

@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-0; // Used for the scoped label t
 $gl-label-scoped-button-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.
 $gl-label-scoped-button-icon-color-default: $gl-color-neutral-0; // Used for the scoped label remove button icon in the default state.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon in the hover state.
-$gl-link-mention-text-color-default: $gl-color-blue-200; // Used for the mention link text color.
 $gl-link-mention-text-color-current: $gl-color-orange-100; // Used for the mention link text color when referencing the current user.
 $gl-link-mention-background-color-default: $gl-color-blue-800; // Used for the mention link default background.
 $gl-link-mention-background-color-current: $gl-color-orange-800; // Used for the mention link background when referencing the current user.
@@ -769,7 +768,7 @@ $gl-text-color-default: $gl-color-neutral-50; // Used for the default text color
 $gl-text-color-subtle: $gl-color-neutral-200; // Used for supplemental text that doesn't need to be as prominent as other text.
 $gl-text-color-strong: $gl-color-neutral-0; // Used for text with the highest contrast.
 $gl-text-color-heading: $gl-color-neutral-0; // Used for headings level 1-6.
-$gl-text-color-link: $gl-color-blue-300; // Used for default text links.
+$gl-text-color-link: $gl-color-blue-200; // Used for default text links.
 $gl-text-color-warning: $gl-color-orange-300; // Used for text that requires caution or careful attention.
 $gl-text-color-danger: $gl-color-red-300; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
 $gl-text-color-success: $gl-color-green-300; // Used for text indicating success, completion, approval, addition, or validity.
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-color-neutral-0; // Used
 $gl-dropdown-option-indicator-color-selected-focus: $gl-color-neutral-0; // Used for the dropdown selected option indicator in the focus state.
 $gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
 $gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
+$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
 $gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
 $gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
 $gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.

package/dist/tokens/scss/_tokens.scss

@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-950; // Used for the scoped label
 $gl-label-scoped-button-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.
 $gl-label-scoped-button-icon-color-default: $gl-color-neutral-950; // Used for the scoped label remove button icon in the default state.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon in the hover state.
-$gl-link-mention-text-color-default: $gl-color-blue-700; // Used for the mention link text color.
 $gl-link-mention-text-color-current: $gl-color-orange-800; // Used for the mention link text color when referencing the current user.
 $gl-link-mention-background-color-default: $gl-color-blue-100; // Used for the mention link default background.
 $gl-link-mention-background-color-current: $gl-color-orange-100; // Used for the mention link background when referencing the current user.
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-control-background-color
 $gl-dropdown-option-indicator-color-selected-focus: $gl-control-background-color-selected-focus; // Used for the dropdown selected option indicator in the focus state.
 $gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
 $gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
+$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
 $gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
 $gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
 $gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.

package/dist/vendor/bootstrap-vue/src/components/toast/toast.js

@@ -19,7 +19,6 @@ import { props as props$2, idMixin } from '../../mixins/id';
 import { listenOnRootMixin } from '../../mixins/listen-on-root';
 import { normalizeSlotMixin } from '../../mixins/normalize-slot';
 import { scopedStyleMixin } from '../../mixins/scoped-style';
-import { BButtonClose } from '../button/button-close';
 import { props as props$1, BLink } from '../link/link';
 import { BVTransition } from '../transition/bv-transition';
 import { BToaster } from './toaster';
@@ -53,7 +52,6 @@ const props = makePropsConfigurable(sortKeys({
   // Switches role to 'status' and aria-live to 'polite'
   isStatus: makeProp(PROP_TYPE_BOOLEAN, false),
   noAutoHide: makeProp(PROP_TYPE_BOOLEAN, false),
-  noCloseButton: makeProp(PROP_TYPE_BOOLEAN, false),
   noFade: makeProp(PROP_TYPE_BOOLEAN, false),
   noHoverPause: makeProp(PROP_TYPE_BOOLEAN, false),
   solid: makeProp(PROP_TYPE_BOOLEAN, false),
@@ -326,7 +324,6 @@ const BToast = /*#__PURE__*/extend({
     // Render helper for generating the toast
     makeToast(h) {
       const {
-        title,
         slotScope
       } = this;
       const link = isLink(this);
@@ -334,20 +331,6 @@ const BToast = /*#__PURE__*/extend({
       const $title = this.normalizeSlot(SLOT_NAME_TOAST_TITLE, slotScope);
       if ($title) {
         $headerContent.push($title);
-      } else if (title) {
-        $headerContent.push(h('strong', {
-          staticClass: 'mr-2'
-        }, title));
-      }
-      if (!this.noCloseButton) {
-        $headerContent.push(h(BButtonClose, {
-          staticClass: 'ml-auto mb-1',
-          on: {
-            click: () => {
-              this.hide();
-            }
-          }
-        }));
       }
       let $header = h();
       if ($headerContent.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gitlab/ui",
-  "version": "101.7.0",
+  "version": "101.8.0",
   "description": "GitLab UI Components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -108,7 +108,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.25.9",
     "@cypress/grep": "^4.0.1",
-    "@gitlab/eslint-plugin": "20.4.1",
+    "@gitlab/eslint-plugin": "20.5.0",
     "@gitlab/fonts": "^1.3.0",
     "@gitlab/stylelint-config": "6.2.2",
     "@gitlab/svgs": "3.120.0",

package/src/components/base/icon/icon.vue

@@ -1,26 +1,10 @@
 <!-- eslint-disable vue/multi-word-component-names -->
 <script>
 import iconsPath from '@gitlab/svgs/dist/icons.svg';
+import iconsInfo from '@gitlab/svgs/dist/icons.json';
 import { iconSizeOptions, iconVariantOptions } from '../../../utils/constants';
 
-let iconValidator = () => true;
-
-/*
- During development/tests we want to validate that we are just using icons that are actually defined
-*/
-if (process.env.NODE_ENV !== 'production') {
-  // eslint-disable-next-line global-require
-  const data = require('@gitlab/svgs/dist/icons.json');
-  const { icons } = data;
-  iconValidator = (value) => {
-    if (icons.includes(value)) {
-      return true;
-    }
-    // eslint-disable-next-line no-console
-    console.warn(`Icon '${value}' is not a known icon of @gitlab/svgs`);
-    return false;
-  };
-}
+const knownIcons = new Set(iconsInfo.icons);
 
 /** This is a re-usable vue component for rendering a svg sprite icon
  *  @example
@@ -48,7 +32,14 @@ export default {
     name: {
       type: String,
       required: true,
-      validator: iconValidator,
+      validator: (value) => {
+        if (knownIcons.has(value)) {
+          return true;
+        }
+        // eslint-disable-next-line no-console
+        console.warn(`Icon '${value}' is not a known icon of @gitlab/svgs`);
+        return false;
+      },
     },
     /**
      * Icon size

package/src/components/base/toast/toast.js

@@ -8,7 +8,6 @@ const DEFAULT_OPTIONS = {
   autoHideDelay: 5000,
   toastClass: 'gl-toast',
   isStatus: true,
-  noCloseButton: true,
   toaster: 'b-toaster-bottom-left',
 };
 

package/src/components/experimental/duo/chat/duo_chat.scss

@@ -65,6 +65,8 @@
   // above the drawer when hovering interactive elements
   // see https://gitlab.com/gitlab-org/gitlab/-/issues/366558
   background-color: inherit;
+  // prevent scroll behind the chat
+  overscroll-behavior: contain;
 }
 
 .duo-chat-drawer-footer {

package/src/tokens/build/css/tokens.css

@@ -688,7 +688,6 @@
   --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button background in the hover state. */
   --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the default state. */
   --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the hover state. */
-  --gl-link-mention-text-color-default: var(--gl-color-blue-700); /* Used for the mention link text color. */
   --gl-link-mention-text-color-current: var(--gl-color-orange-800); /* Used for the mention link text color when referencing the current user. */
   --gl-link-mention-background-color-default: var(--gl-color-blue-100); /* Used for the mention link default background. */
   --gl-link-mention-background-color-current: var(--gl-color-orange-100); /* Used for the mention link background when referencing the current user. */
@@ -882,6 +881,7 @@
   --gl-dropdown-option-indicator-color-selected-focus: var(--gl-control-background-color-selected-focus); /* Used for the dropdown selected option indicator in the focus state. */
   --gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
   --gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
+  --gl-link-mention-text-color-default: var(--gl-text-color-link); /* Used for the mention link text color. */
   --gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
   --gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
   --gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */

package/src/tokens/build/css/tokens.dark.css

@@ -688,7 +688,6 @@
   --gl-label-scoped-button-background-color-hover: var(--gl-color-neutral-0); /* Used for the scoped label remove button background in the hover state. */
   --gl-label-scoped-button-icon-color-default: var(--gl-color-neutral-0); /* Used for the scoped label remove button icon in the default state. */
   --gl-label-scoped-button-icon-color-hover: var(--gl-color-neutral-950); /* Used for the scoped label remove button icon in the hover state. */
-  --gl-link-mention-text-color-default: var(--gl-color-blue-200); /* Used for the mention link text color. */
   --gl-link-mention-text-color-current: var(--gl-color-orange-100); /* Used for the mention link text color when referencing the current user. */
   --gl-link-mention-background-color-default: var(--gl-color-blue-800); /* Used for the mention link default background. */
   --gl-link-mention-background-color-current: var(--gl-color-orange-800); /* Used for the mention link background when referencing the current user. */
@@ -771,7 +770,7 @@
   --gl-text-color-subtle: var(--gl-color-neutral-200); /* Used for supplemental text that doesn't need to be as prominent as other text. */
   --gl-text-color-strong: var(--gl-color-neutral-0); /* Used for text with the highest contrast. */
   --gl-text-color-heading: var(--gl-color-neutral-0); /* Used for headings level 1-6. */
-  --gl-text-color-link: var(--gl-color-blue-300); /* Used for default text links. */
+  --gl-text-color-link: var(--gl-color-blue-200); /* Used for default text links. */
   --gl-text-color-warning: var(--gl-color-orange-300); /* Used for text that requires caution or careful attention. */
   --gl-text-color-danger: var(--gl-color-red-300); /* Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination. */
   --gl-text-color-success: var(--gl-color-green-300); /* Used for text indicating success, completion, approval, addition, or validity. */
@@ -882,6 +881,7 @@
   --gl-dropdown-option-indicator-color-selected-focus: var(--gl-color-neutral-0); /* Used for the dropdown selected option indicator in the focus state. */
   --gl-dropdown-option-background-color-unselected-focus: var(--gl-action-neutral-background-color-focus); /* Used for the background of an unselected dropdown option in the focus state. */
   --gl-dropdown-option-background-color-selected-focus: var(--gl-dropdown-option-background-color-selected-hover); /* Used for the background of a selected dropdown option in the focus state. */
+  --gl-link-mention-text-color-default: var(--gl-text-color-link); /* Used for the mention link text color. */
   --gl-progress-bar-indicator-color-default: var(--gl-status-info-icon-color); /* Used for the indicator color for the primary progress-bar variant. */
   --gl-progress-bar-indicator-color-success: var(--gl-status-success-icon-color); /* Used for the indicator color for the success progress-bar variant. */
   --gl-progress-bar-indicator-color-warning: var(--gl-status-warning-icon-color); /* Used for the indicator color for the warning progress-bar variant. */

package/src/tokens/build/js/tokens.dark.js

@@ -605,10 +605,10 @@ export const GL_BUTTON_DASHED_BORDER_COLOR_DEFAULT = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_HOVER = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_FOCUS = '#89888d';
 export const GL_BUTTON_DASHED_BORDER_COLOR_ACTIVE = '#a4a3a8';
-export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#63a6e9';
-export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#63a6e9';
+export const GL_BUTTON_LINK_TEXT_COLOR_DEFAULT = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_HOVER = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_FOCUS = '#9dc7f1';
+export const GL_BUTTON_LINK_TEXT_COLOR_ACTIVE = '#9dc7f1';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_DEFAULT = '#ececef';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_HOVER = '#ececef';
 export const GL_BUTTON_SELECTED_FOREGROUND_COLOR_FOCUS = '#ececef';
@@ -944,7 +944,7 @@ export const GL_TEXT_COLOR_DEFAULT = '#ececef';
 export const GL_TEXT_COLOR_SUBTLE = '#bfbfc3';
 export const GL_TEXT_COLOR_STRONG = '#fff';
 export const GL_TEXT_COLOR_HEADING = '#fff';
-export const GL_TEXT_COLOR_LINK = '#63a6e9';
+export const GL_TEXT_COLOR_LINK = '#9dc7f1';
 export const GL_TEXT_COLOR_WARNING = '#d99530';
 export const GL_TEXT_COLOR_DANGER = '#f57f6c';
 export const GL_TEXT_COLOR_SUCCESS = '#52b87a';

package/src/tokens/build/json/tokens.dark.json

@@ -13271,7 +13271,7 @@
       "text": {
         "color": {
           "default": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the default state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13292,7 +13292,7 @@
             ]
           },
           "hover": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the hover state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13313,7 +13313,7 @@
             ]
           },
           "focus": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the focus state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -13334,7 +13334,7 @@
             ]
           },
           "active": {
-            "$value": "#63a6e9",
+            "$value": "#9dc7f1",
             "$type": "color",
             "$description": "Used for the text of a link button in the active state.",
             "filePath": "src/tokens/contextual/button.tokens.json",
@@ -14717,10 +14717,7 @@
             "filePath": "src/tokens/contextual/link.tokens.json",
             "isSource": true,
             "original": {
-              "$value": {
-                "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
-              },
+              "$value": "{text.color.link}",
               "$type": "color",
               "$description": "Used for the mention link text color."
             },
@@ -21733,7 +21730,7 @@
         ]
       },
       "link": {
-        "$value": "#63a6e9",
+        "$value": "#9dc7f1",
         "$type": "color",
         "$description": "Used for default text links.",
         "filePath": "src/tokens/text.tokens.json",
@@ -21741,7 +21738,7 @@
         "original": {
           "$value": {
             "default": "{color.blue.700}",
-            "dark": "{color.blue.300}"
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for default text links."

package/src/tokens/build/json/tokens.json

@@ -14717,10 +14717,7 @@
             "filePath": "src/tokens/contextual/link.tokens.json",
             "isSource": true,
             "original": {
-              "$value": {
-                "default": "{color.blue.700}",
-                "dark": "{color.blue.200}"
-              },
+              "$value": "{text.color.link}",
               "$type": "color",
               "$description": "Used for the mention link text color."
             },
@@ -21741,7 +21738,7 @@
         "original": {
           "$value": {
             "default": "{color.blue.700}",
-            "dark": "{color.blue.300}"
+            "dark": "{color.blue.200}"
           },
           "$type": "color",
           "$description": "Used for default text links."

package/src/tokens/build/scss/_tokens.dark.scss

@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-0; // Used for the scoped label t
 $gl-label-scoped-button-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.
 $gl-label-scoped-button-icon-color-default: $gl-color-neutral-0; // Used for the scoped label remove button icon in the default state.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon in the hover state.
-$gl-link-mention-text-color-default: $gl-color-blue-200; // Used for the mention link text color.
 $gl-link-mention-text-color-current: $gl-color-orange-100; // Used for the mention link text color when referencing the current user.
 $gl-link-mention-background-color-default: $gl-color-blue-800; // Used for the mention link default background.
 $gl-link-mention-background-color-current: $gl-color-orange-800; // Used for the mention link background when referencing the current user.
@@ -769,7 +768,7 @@ $gl-text-color-default: $gl-color-neutral-50; // Used for the default text color
 $gl-text-color-subtle: $gl-color-neutral-200; // Used for supplemental text that doesn't need to be as prominent as other text.
 $gl-text-color-strong: $gl-color-neutral-0; // Used for text with the highest contrast.
 $gl-text-color-heading: $gl-color-neutral-0; // Used for headings level 1-6.
-$gl-text-color-link: $gl-color-blue-300; // Used for default text links.
+$gl-text-color-link: $gl-color-blue-200; // Used for default text links.
 $gl-text-color-warning: $gl-color-orange-300; // Used for text that requires caution or careful attention.
 $gl-text-color-danger: $gl-color-red-300; // Used for text indicating a problem, critical state, destructive action, error, failure, removal, stop, or declination.
 $gl-text-color-success: $gl-color-green-300; // Used for text indicating success, completion, approval, addition, or validity.
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-color-neutral-0; // Used
 $gl-dropdown-option-indicator-color-selected-focus: $gl-color-neutral-0; // Used for the dropdown selected option indicator in the focus state.
 $gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
 $gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
+$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
 $gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
 $gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
 $gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.

package/src/tokens/build/scss/_tokens.scss

@@ -686,7 +686,6 @@ $gl-label-scoped-text-color: $gl-color-neutral-950; // Used for the scoped label
 $gl-label-scoped-button-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.
 $gl-label-scoped-button-icon-color-default: $gl-color-neutral-950; // Used for the scoped label remove button icon in the default state.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon in the hover state.
-$gl-link-mention-text-color-default: $gl-color-blue-700; // Used for the mention link text color.
 $gl-link-mention-text-color-current: $gl-color-orange-800; // Used for the mention link text color when referencing the current user.
 $gl-link-mention-background-color-default: $gl-color-blue-100; // Used for the mention link default background.
 $gl-link-mention-background-color-current: $gl-color-orange-100; // Used for the mention link background when referencing the current user.
@@ -880,6 +879,7 @@ $gl-dropdown-option-indicator-color-selected-hover: $gl-control-background-color
 $gl-dropdown-option-indicator-color-selected-focus: $gl-control-background-color-selected-focus; // Used for the dropdown selected option indicator in the focus state.
 $gl-dropdown-option-background-color-unselected-focus: $gl-action-neutral-background-color-focus; // Used for the background of an unselected dropdown option in the focus state.
 $gl-dropdown-option-background-color-selected-focus: $gl-dropdown-option-background-color-selected-hover; // Used for the background of a selected dropdown option in the focus state.
+$gl-link-mention-text-color-default: $gl-text-color-link; // Used for the mention link text color.
 $gl-progress-bar-indicator-color-default: $gl-status-info-icon-color; // Used for the indicator color for the primary progress-bar variant.
 $gl-progress-bar-indicator-color-success: $gl-status-success-icon-color; // Used for the indicator color for the success progress-bar variant.
 $gl-progress-bar-indicator-color-warning: $gl-status-warning-icon-color; // Used for the indicator color for the warning progress-bar variant.

package/src/tokens/contextual/link.tokens.json

@@ -4,10 +4,7 @@
       "text": {
         "color": {
           "default": {
-            "$value": {
-              "default": "{color.blue.700}",
-              "dark": "{color.blue.200}"
-            },
+            "$value": "{text.color.link}",
             "$type": "color",
             "$description": "Used for the mention link text color."
           },

package/src/tokens/text.tokens.json

@@ -63,7 +63,7 @@
       "link": {
         "$value": {
           "default": "{color.blue.700}",
-          "dark": "{color.blue.300}"
+          "dark": "{color.blue.200}"
         },
         "$type": "color",
         "$description": "Used for default text links."

package/src/vendor/bootstrap-vue/src/components/toast/README.md

@@ -313,8 +313,7 @@ the `this.$bvToast.hide(id)` method to hide the specific toast:
         // Create the toast
         this.$bvToast.toast([$closeButton], {
           id: id,
-          title: `Toast ${this.count}`,
-          noCloseButton: true
+          title: `Toast ${this.count}`
         })
       }
     }

package/src/vendor/bootstrap-vue/src/components/toast/helpers/bv-toast.spec.js

@@ -113,19 +113,5 @@ describe('$bvToast', () => {
     // Find body
     expect($toast.find('.toast-body').exists()).toBe(true)
     expect($toast.find('.toast-body').text()).toContain('message')
-
-    // Find the Close button and click it
-    expect($toast.findAll('button').length).toBe(1)
-    const $button = $toast.find('button')
-    expect($button.classes()).toContain('close')
-
-    await $button.trigger('click')
-    await waitRAF()
-    await waitRAF()
-    await waitRAF()
-    await waitRAF()
-
-    // Toast should be gone from DOM
-    expect(document.querySelector('#test2')).toBe(null)
   })
 })

package/src/vendor/bootstrap-vue/src/components/toast/index.d.ts

@@ -28,7 +28,6 @@ export interface BvToastOptions {
   noAutoHide?: boolean
   noHoverPause?: boolean
   autoHideDelay?: number
-  noCloseButton?: boolean
   appendToast?: boolean
   isStatus?: boolean
   noFade?: boolean