@gitlab/ui 136.0.0 → 136.1.0

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

@@ -24901,6 +24901,44 @@
       }
     }
   },
+  "tooltip": {
+    "text": {
+      "color": {
+        "subtle": {
+          "key": "{tooltip.text.color.subtle}",
+          "$value": "#bfbfc3",
+          "$type": "color",
+          "$description": "Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ]
+          },
+          "filePath": "src/tokens/contextual/tooltip.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": "{color.neutral.200}",
+            "$type": "color",
+            "$description": "Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.",
+            "$extensions": {
+              "com.figma.scopes": [
+                "TEXT_FILL"
+              ]
+            },
+            "key": "{tooltip.text.color.subtle}"
+          },
+          "name": "TOOLTIP_TEXT_COLOR_SUBTLE",
+          "attributes": {},
+          "path": [
+            "tooltip",
+            "text",
+            "color",
+            "subtle"
+          ]
+        }
+      }
+    }
+  },
   "data-viz": {
     "green": {
       "50": {

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

@@ -663,6 +663,7 @@ $gl-toggle-switch-track-color-checked-hover: $gl-color-neutral-10; // Used for t
 $gl-toggle-switch-track-color-checked-active: $gl-color-neutral-0; // Used for the track color of a checked toggle switch in the active state.
 $gl-token-selector-token-container-token-background-color-focus: $gl-color-neutral-600; // Used for the background color of a token in a token-selector when it's token-container is in the focus state.
 $gl-token-background-color: $gl-color-neutral-800; // Used for the token background color.
+$gl-tooltip-text-color-subtle: $gl-color-neutral-200; // Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.
 $black: $gl-color-neutral-0 !default;
 $white: $gl-color-neutral-900 !default;
 $blue-50: $gl-color-blue-900 !default;

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

@@ -645,6 +645,7 @@ $gl-toggle-switch-track-color-checked-hover: $gl-color-neutral-950; // Used for
 $gl-toggle-switch-track-color-checked-active: $gl-color-neutral-1000; // Used for the track color of a checked toggle switch in the active state.
 $gl-token-selector-token-container-token-background-color-focus: $gl-color-neutral-300; // Used for the background color of a token in a token-selector when it's token-container is in the focus state.
 $gl-token-background-color: $gl-color-neutral-100; // Used for the token background color.
+$gl-tooltip-text-color-subtle: $gl-color-neutral-200; // Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.
 $black: $gl-color-neutral-1000 !default;
 $white: $gl-color-neutral-0 !default;
 $blue-50: $gl-color-blue-50 !default;

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

@@ -736,6 +736,7 @@ $gl-token-selector-token-container-token-background-color-focus: var(--gl-token-
 $gl-token-border-radius: var(--gl-token-border-radius);
 $gl-token-foreground-color: var(--gl-token-foreground-color);
 $gl-token-background-color: var(--gl-token-background-color);
+$gl-tooltip-text-color-subtle: var(--gl-tooltip-text-color-subtle);
 $data-viz-green-50: var(--data-viz-green-50);
 $data-viz-green-100: var(--data-viz-green-100);
 $data-viz-green-200: var(--data-viz-green-200);

package/src/tokens/contextual/tooltip.tokens.json

@@ -0,0 +1,18 @@
+{
+  "tooltip": {
+    "text": {
+      "color": {
+        "subtle": {
+          "$value": "{color.neutral.200}",
+          "$type": "color",
+          "$description": "Used for supplemental tooltip text that is less prominent than the default text and remains the same color regardless of mode.",
+          "$extensions": {
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ]
+          }
+        }
+      }
+    }
+  }
+}