@gitlab/ui 136.3.1 → 137.0.0

package/src/tokens/build/docs/tokens-tailwind-docs.dark.json

@@ -5795,6 +5795,40 @@
         "cssWithValue": "var(--gl-feedback-brand-background-color)"
       }
     },
+    "application-chrome": {
+      "key": "{application-chrome.background.color}",
+      "$value": "#050506",
+      "$type": "color",
+      "$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
+      "$extensions": {
+        "com.figma.scopes": [
+          "FRAME_FILL",
+          "SHAPE_FILL"
+        ]
+      },
+      "filePath": "src/tokens/contextual/application-chrome.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "{color.neutral.1000}",
+        "$type": "color",
+        "$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
+        "$extensions": {
+          "com.figma.scopes": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "key": "{application-chrome.background.color}"
+      },
+      "name": "APPLICATION_CHROME_BACKGROUND_COLOR",
+      "attributes": {},
+      "path": [
+        "application-chrome",
+        "background",
+        "color"
+      ],
+      "cssWithValue": "var(--gl-application-chrome-background-color)"
+    },
     "dropdown": {
       "key": "{dropdown.background.color}",
       "$value": "#28272d",

package/src/tokens/build/docs/tokens-tailwind-docs.json

@@ -5795,6 +5795,40 @@
         "cssWithValue": "var(--gl-feedback-brand-background-color)"
       }
     },
+    "application-chrome": {
+      "key": "{application-chrome.background.color}",
+      "$value": "#ececef",
+      "$type": "color",
+      "$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
+      "$extensions": {
+        "com.figma.scopes": [
+          "FRAME_FILL",
+          "SHAPE_FILL"
+        ]
+      },
+      "filePath": "src/tokens/contextual/application-chrome.tokens.json",
+      "isSource": true,
+      "original": {
+        "$value": "{color.neutral.50}",
+        "$type": "color",
+        "$description": "Used for the application chrome background, the lowest layer of the interface that sits beneath panels and contains global navigation, user actions, application navigation, and AI navigation.",
+        "$extensions": {
+          "com.figma.scopes": [
+            "FRAME_FILL",
+            "SHAPE_FILL"
+          ]
+        },
+        "key": "{application-chrome.background.color}"
+      },
+      "name": "APPLICATION_CHROME_BACKGROUND_COLOR",
+      "attributes": {},
+      "path": [
+        "application-chrome",
+        "background",
+        "color"
+      ],
+      "cssWithValue": "var(--gl-application-chrome-background-color)"
+    },
     "dropdown": {
       "key": "{dropdown.background.color}",
       "$value": "#fff",

package/src/tokens/build/tailwind/tokens.cjs

@@ -430,6 +430,7 @@ const backgroundColor = {
   ...backgroundColors,
   ...statusBackgroundColors,
   ...feedbackBackgroundColors,
+  'application-chrome': 'var(--gl-application-chrome-background-color)',
   dropdown: 'var(--gl-dropdown-background-color)',
   control: {
     default: 'var(--gl-control-background-color-default)',

package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js

@@ -70,8 +70,10 @@ export const BVTooltipTemplate = /*#__PURE__*/ extend({
       const { id } = this
 
       return {
-        // Apply attributes from root tooltip component
-        ...this.bvParent.bvParent.$attrs,
+        // Apply attributes from root tooltip component. A directive has no such component, so
+        // `bvParent.bvParent` is the component holding the target element, whose attributes
+        // must not leak onto the template.
+        ...(this.bvParent.isDirective ? {} : this.bvParent.bvParent.$attrs),
 
         id,
         role: 'tooltip',

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

@@ -130,7 +130,9 @@ const templateData = {
   // ID to use for tooltip/popover
   id: null,
   // Flag used by directives only, for HTML content
-  html: false
+  html: false,
+  // Flag used by directives only, to suppress attribute forwarding
+  isDirective: false
 }
 
 // --- Main component ---

package/src/vendor/bootstrap-vue/src/directives/tooltip/tooltip.js

@@ -225,7 +225,8 @@ const applyTooltip = (el, bindings, vnode) => {
     id: config.id,
     interactive: config.interactive,
     disabled: config.disabled,
-    html: config.html
+    html: config.html,
+    isDirective: true
   }
   const oldData = el[BV_TOOLTIP].__bv_prev_data__
   el[BV_TOOLTIP].__bv_prev_data__ = data