@gitlab/ui 90.3.0 → 90.5.0

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

@@ -12867,6 +12867,62 @@
       }
     }
   },
+  "link": {
+    "mention": {
+      "background": {
+        "color": {
+          "default": {
+            "value": "#064787",
+            "$type": "color",
+            "comment": "Used for the mention link default background.",
+            "filePath": "src/tokens/contextual/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.100}",
+                "dark": "{color.blue.800}"
+              },
+              "$type": "color",
+              "comment": "Used for the mention link default background."
+            },
+            "name": "LINK_MENTION_BACKGROUND_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "link",
+              "mention",
+              "background",
+              "color",
+              "default"
+            ]
+          },
+          "current": {
+            "value": "#703800",
+            "$type": "color",
+            "comment": "Used for the mention link background when referencing the current user.",
+            "filePath": "src/tokens/contextual/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.orange.100}",
+                "dark": "{color.orange.800}"
+              },
+              "$type": "color",
+              "comment": "Used for the mention link background when referencing the current user."
+            },
+            "name": "LINK_MENTION_BACKGROUND_COLOR_CURRENT",
+            "attributes": {},
+            "path": [
+              "link",
+              "mention",
+              "background",
+              "color",
+              "current"
+            ]
+          }
+        }
+      }
+    }
+  },
   "popover": {
     "background": {
       "color": {

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

@@ -12867,6 +12867,62 @@
       }
     }
   },
+  "link": {
+    "mention": {
+      "background": {
+        "color": {
+          "default": {
+            "value": "#cbe2f9",
+            "$type": "color",
+            "comment": "Used for the mention link default background.",
+            "filePath": "src/tokens/contextual/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.blue.100}",
+                "dark": "{color.blue.800}"
+              },
+              "$type": "color",
+              "comment": "Used for the mention link default background."
+            },
+            "name": "LINK_MENTION_BACKGROUND_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "link",
+              "mention",
+              "background",
+              "color",
+              "default"
+            ]
+          },
+          "current": {
+            "value": "#f5d9a8",
+            "$type": "color",
+            "comment": "Used for the mention link background when referencing the current user.",
+            "filePath": "src/tokens/contextual/link.tokens.json",
+            "isSource": true,
+            "original": {
+              "value": {
+                "default": "{color.orange.100}",
+                "dark": "{color.orange.800}"
+              },
+              "$type": "color",
+              "comment": "Used for the mention link background when referencing the current user."
+            },
+            "name": "LINK_MENTION_BACKGROUND_COLOR_CURRENT",
+            "attributes": {},
+            "path": [
+              "link",
+              "mention",
+              "background",
+              "color",
+              "current"
+            ]
+          }
+        }
+      }
+    }
+  },
   "popover": {
     "background": {
       "color": {

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

@@ -502,6 +502,8 @@ $gl-spinner-track-color-default: $gl-color-neutral-800; // Used for the static t
 $gl-skeleton-loader-shimmer-color: $gl-color-neutral-700; // Used for the animated shimmer effect in a skeleton loader.
 $gl-skeleton-loader-background-color: $gl-color-neutral-800; // Used for the skeleton loader background color.
 $gl-popover-background-color: $gl-color-neutral-900; // Used for the background color of popover.
+$gl-link-mention-background-color-current: $gl-color-orange-800; // Used for the mention link background when referencing the current user.
+$gl-link-mention-background-color-default: $gl-color-blue-800; // Used for the mention link default background.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon 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-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.

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

@@ -502,6 +502,8 @@ $gl-spinner-track-color-default: $gl-color-neutral-100; // Used for the static t
 $gl-skeleton-loader-shimmer-color: $gl-color-neutral-50; // Used for the animated shimmer effect in a skeleton loader.
 $gl-skeleton-loader-background-color: $gl-color-neutral-100; // Used for the skeleton loader background color.
 $gl-popover-background-color: $gl-color-neutral-0; // Used for the background color of popover.
+$gl-link-mention-background-color-current: $gl-color-orange-100; // Used for the mention link background when referencing the current user.
+$gl-link-mention-background-color-default: $gl-color-blue-100; // Used for the mention link default background.
 $gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon 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-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.

package/src/tokens/build/scss/_tokens_custom_properties.scss

@@ -584,6 +584,8 @@ $gl-label-scoped-text-color: var(--gl-label-scoped-text-color);
 $gl-label-scoped-button-background-color-hover: var(--gl-label-scoped-button-background-color-hover);
 $gl-label-scoped-button-icon-color-default: var(--gl-label-scoped-button-icon-color-default);
 $gl-label-scoped-button-icon-color-hover: var(--gl-label-scoped-button-icon-color-hover);
+$gl-link-mention-background-color-default: var(--gl-link-mention-background-color-default);
+$gl-link-mention-background-color-current: var(--gl-link-mention-background-color-current);
 $gl-popover-background-color: var(--gl-popover-background-color);
 $gl-skeleton-loader-background-color: var(--gl-skeleton-loader-background-color);
 $gl-skeleton-loader-shimmer-color: var(--gl-skeleton-loader-shimmer-color);

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

@@ -0,0 +1,26 @@
+{
+  "link": {
+    "mention": {
+      "background": {
+        "color": {
+          "default": {
+            "$value": {
+              "default": "{color.blue.100}",
+              "dark": "{color.blue.800}"
+            },
+            "$type": "color",
+            "$description": "Used for the mention link default background."
+          },
+          "current": {
+            "$value": {
+              "default": "{color.orange.100}",
+              "dark": "{color.orange.800}"
+            },
+            "$type": "color",
+            "$description": "Used for the mention link background when referencing the current user."
+          }
+        }
+      }
+    }
+  }
+}