@gitlab/ui 136.2.0 → 136.3.1

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

@@ -312,6 +312,17 @@
       ]
     }
   },
+  "🔒/application-chrome-background-color": {
+    "$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"
+      ]
+    }
+  },
   "🔒/avatar-border-color-default": {
     "$value": "{color-alpha-light-8}",
     "$type": "color",
@@ -5120,7 +5131,7 @@
     }
   },
   "🔒/toggle-switch-track-color-unchecked-default": {
-    "$value": "{control-border-color-default}",
+    "$value": "{control-background-color-default}",
     "$type": "color",
     "$description": "Used for the track color of an unchecked toggle switch in the default state.",
     "$extensions": {
@@ -5133,7 +5144,7 @@
   "🔒/toggle-switch-track-color-unchecked-hover": {
     "$value": "{🔒/toggle-switch-track-color-unchecked-default}",
     "$type": "color",
-    "$description": "Used for the track color of an unchecked toggle switch in the hover state.",
+    "$description": "Used for the track color of an unchecked toggle switch in the hover state. The track is deliberately unchanged from the default state; hover is carried by the track border and the thumb size.",
     "$extensions": {
       "com.figma.scopes": [
         "SHAPE_FILL",
@@ -5144,7 +5155,7 @@
   "🔒/toggle-switch-track-color-unchecked-focus": {
     "$value": "{🔒/toggle-switch-track-color-unchecked-hover}",
     "$type": "color",
-    "$description": "Used for the track color of an unchecked toggle switch in the focus state.",
+    "$description": "Used for the track color of an unchecked toggle switch in the focus state. The track is deliberately unchanged from the default state; focus is carried by the focus ring, the track border and the thumb size.",
     "$extensions": {
       "com.figma.scopes": [
         "SHAPE_FILL",
@@ -5153,7 +5164,7 @@
     }
   },
   "🔒/toggle-switch-track-color-unchecked-active": {
-    "$value": "{🔒/toggle-switch-track-color-unchecked-focus}",
+    "$value": "{action-neutral-background-color-active}",
     "$type": "color",
     "$description": "Used for the track color of an unchecked toggle switch in the active state.",
     "$extensions": {
@@ -5163,8 +5174,19 @@
       ]
     }
   },
+  "🔒/toggle-switch-track-color-unchecked-disabled": {
+    "$value": "{control-background-color-default}",
+    "$type": "color",
+    "$description": "Used for the track color of a disabled unchecked toggle switch.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL",
+        "FRAME_FILL"
+      ]
+    }
+  },
   "🔒/toggle-switch-track-color-checked-default": {
-    "$value": "{color-neutral-50}",
+    "$value": "{action-selected-background-color-default}",
     "$type": "color",
     "$description": "Used for the track color of a checked toggle switch in the default state.",
     "$extensions": {
@@ -5175,7 +5197,7 @@
     }
   },
   "🔒/toggle-switch-track-color-checked-hover": {
-    "$value": "{color-neutral-10}",
+    "$value": "{action-selected-background-color-hover}",
     "$type": "color",
     "$description": "Used for the track color of a checked toggle switch in the hover state.",
     "$extensions": {
@@ -5186,7 +5208,7 @@
     }
   },
   "🔒/toggle-switch-track-color-checked-focus": {
-    "$value": "{🔒/toggle-switch-track-color-checked-hover}",
+    "$value": "{action-selected-background-color-focus}",
     "$type": "color",
     "$description": "Used for the track color of a checked toggle switch in the focus state.",
     "$extensions": {
@@ -5197,7 +5219,7 @@
     }
   },
   "🔒/toggle-switch-track-color-checked-active": {
-    "$value": "{color-neutral-0}",
+    "$value": "{action-selected-background-color-active}",
     "$type": "color",
     "$description": "Used for the track color of a checked toggle switch in the active state.",
     "$extensions": {
@@ -5207,8 +5229,140 @@
       ]
     }
   },
+  "🔒/toggle-switch-track-color-checked-disabled": {
+    "$value": "{action-selected-background-color-disabled}",
+    "$type": "color",
+    "$description": "Used for the track color of a disabled checked toggle switch, which stays filled so the checked state remains legible.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL",
+        "FRAME_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-loading": {
+    "$value": "{action-disabled-background-color}",
+    "$type": "color",
+    "$description": "Used for the track color of a loading toggle switch. A loading toggle renders no thumb and its value is still in flight, so the track carries no checked state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL",
+        "FRAME_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-unchecked-default": {
+    "$value": "{control-border-color-default}",
+    "$type": "color",
+    "$description": "Used for the track border color of an unchecked toggle switch in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-unchecked-hover": {
+    "$value": "{control-border-color-hover}",
+    "$type": "color",
+    "$description": "Used for the track border color of an unchecked toggle switch in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-unchecked-focus": {
+    "$value": "{🔒/toggle-switch-track-border-color-unchecked-hover}",
+    "$type": "color",
+    "$description": "Used for the track border color of an unchecked toggle switch in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-unchecked-active": {
+    "$value": "{🔒/toggle-switch-track-border-color-unchecked-focus}",
+    "$type": "color",
+    "$description": "Used for the track border color of an unchecked toggle switch in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-unchecked-disabled": {
+    "$value": "{action-disabled-border-color}",
+    "$type": "color",
+    "$description": "Used for the track border color of a disabled unchecked toggle switch.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-checked-default": {
+    "$value": "{action-selected-border-color-default}",
+    "$type": "color",
+    "$description": "Used for the track border color of a checked toggle switch in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-checked-hover": {
+    "$value": "{action-selected-border-color-hover}",
+    "$type": "color",
+    "$description": "Used for the track border color of a checked toggle switch in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-checked-focus": {
+    "$value": "{action-selected-border-color-focus}",
+    "$type": "color",
+    "$description": "Used for the track border color of a checked toggle switch in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-checked-active": {
+    "$value": "{action-selected-border-color-active}",
+    "$type": "color",
+    "$description": "Used for the track border color of a checked toggle switch in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-checked-disabled": {
+    "$value": "{🔒/toggle-switch-track-color-checked-disabled}",
+    "$type": "color",
+    "$description": "Used for the track border color of a disabled checked toggle switch, which matches the track color.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-border-color-loading": {
+    "$value": "{🔒/toggle-switch-track-color-loading}",
+    "$type": "color",
+    "$description": "Used for the track border color of a loading toggle switch, which matches the track color so the track reads as a single flat fill.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "STROKE_COLOR"
+      ]
+    }
+  },
   "🔒/toggle-switch-background-color-unchecked-default": {
-    "$value": "{control-indicator-color-selected}",
+    "$value": "{action-selected-background-color-default}",
     "$type": "color",
     "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
     "$extensions": {
@@ -5251,8 +5405,19 @@
       ]
     }
   },
+  "🔒/toggle-switch-background-color-unchecked-disabled": {
+    "$value": "{action-disabled-foreground-color}",
+    "$type": "color",
+    "$description": "Used for the background color of the disabled unchecked toggle switch thumb.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL",
+        "FRAME_FILL"
+      ]
+    }
+  },
   "🔒/toggle-switch-background-color-checked-default": {
-    "$value": "{action-strong-confirm-foreground-color-default}",
+    "$value": "{action-selected-foreground-color-default}",
     "$type": "color",
     "$description": "Used for the background color of the checked toggle switch thumb in the default state.",
     "$extensions": {
@@ -5263,7 +5428,7 @@
     }
   },
   "🔒/toggle-switch-background-color-checked-hover": {
-    "$value": "{action-strong-confirm-foreground-color-hover}",
+    "$value": "{action-selected-foreground-color-hover}",
     "$type": "color",
     "$description": "Used for the background color of the checked toggle switch thumb in the hover state.",
     "$extensions": {
@@ -5274,7 +5439,7 @@
     }
   },
   "🔒/toggle-switch-background-color-checked-focus": {
-    "$value": "{action-strong-confirm-foreground-color-focus}",
+    "$value": "{action-selected-foreground-color-focus}",
     "$type": "color",
     "$description": "Used for the background color of the checked toggle switch thumb in the focus state.",
     "$extensions": {
@@ -5285,7 +5450,7 @@
     }
   },
   "🔒/toggle-switch-background-color-checked-active": {
-    "$value": "{action-strong-confirm-foreground-color-active}",
+    "$value": "{action-selected-foreground-color-active}",
     "$type": "color",
     "$description": "Used for the background color of the checked toggle switch thumb in the active state.",
     "$extensions": {
@@ -5295,10 +5460,10 @@
       ]
     }
   },
-  "🔒/toggle-switch-background-color-disabled": {
-    "$value": "{action-disabled-foreground-color}",
+  "🔒/toggle-switch-background-color-checked-disabled": {
+    "$value": "{action-selected-foreground-color-default}",
     "$type": "color",
-    "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
+    "$description": "Used for the background color of the disabled checked toggle switch thumb.",
     "$extensions": {
       "com.figma.scopes": [
         "SHAPE_FILL",
@@ -5307,7 +5472,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-unchecked-default": {
-    "$value": "{action-strong-neutral-background-color-default}",
+    "$value": "{action-selected-foreground-color-default}",
     "$type": "color",
     "$description": "Used for the icon color of an unchecked toggle switch in the default state.",
     "$extensions": {
@@ -5317,7 +5482,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-unchecked-hover": {
-    "$value": "{action-strong-neutral-background-color-hover}",
+    "$value": "{action-selected-foreground-color-hover}",
     "$type": "color",
     "$description": "Used for the icon color of an unchecked toggle switch in the hover state.",
     "$extensions": {
@@ -5327,7 +5492,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-unchecked-focus": {
-    "$value": "{action-strong-neutral-background-color-focus}",
+    "$value": "{action-selected-foreground-color-focus}",
     "$type": "color",
     "$description": "Used for the icon color of an unchecked toggle switch in the focus state.",
     "$extensions": {
@@ -5337,7 +5502,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-unchecked-active": {
-    "$value": "{action-strong-neutral-background-color-active}",
+    "$value": "{action-selected-foreground-color-active}",
     "$type": "color",
     "$description": "Used for the icon color of an unchecked toggle switch in the active state.",
     "$extensions": {
@@ -5347,7 +5512,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-checked-default": {
-    "$value": "{action-strong-confirm-background-color-default}",
+    "$value": "{action-selected-background-color-default}",
     "$type": "color",
     "$description": "Used for the icon color of a checked toggle switch in the default state.",
     "$extensions": {
@@ -5357,7 +5522,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-checked-hover": {
-    "$value": "{action-strong-confirm-background-color-hover}",
+    "$value": "{action-selected-background-color-hover}",
     "$type": "color",
     "$description": "Used for the icon color of a checked toggle switch in the hover state.",
     "$extensions": {
@@ -5367,7 +5532,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-checked-focus": {
-    "$value": "{action-strong-confirm-background-color-focus}",
+    "$value": "{action-selected-background-color-focus}",
     "$type": "color",
     "$description": "Used for the icon color of a checked toggle switch in the focus state.",
     "$extensions": {
@@ -5377,7 +5542,7 @@
     }
   },
   "🔒/toggle-switch-icon-color-checked-active": {
-    "$value": "{action-strong-confirm-background-color-active}",
+    "$value": "{action-selected-background-color-active}",
     "$type": "color",
     "$description": "Used for the icon color of a checked toggle switch in the active state.",
     "$extensions": {
@@ -5579,6 +5744,17 @@
       ]
     }
   },
+  "action-selected-background-color-disabled": {
+    "$value": "{color-neutral-500}",
+    "$type": "color",
+    "$description": "Used for the background of a disabled action that stays selected. Sits between the disabled background and the enabled selected background so the selected state keeps 3:1 contrast against the page while still reading as disabled.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "FRAME_FILL",
+        "SHAPE_FILL"
+      ]
+    }
+  },
   "action-selected-border-color-default": {
     "$value": "{action-selected-background-color-default}",
     "$type": "color",