@gitlab/ui 136.2.0 → 136.3.1

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

@@ -8845,6 +8845,43 @@
       }
     }
   },
+  "application-chrome": {
+    "background": {
+      "color": {
+        "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"
+        ]
+      }
+    }
+  },
   "avatar": {
     "border": {
       "color": {
@@ -23848,7 +23885,7 @@
           "unchecked": {
             "default": {
               "key": "{toggle.switch.track.color.unchecked.default}",
-              "$value": "#737278",
+              "$value": "rgba(5, 5, 6, 0.4)",
               "$type": "color",
               "$description": "Used for the track color of an unchecked toggle switch in the default state.",
               "$extensions": {
@@ -23860,7 +23897,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -23884,9 +23921,9 @@
             },
             "hover": {
               "key": "{toggle.switch.track.color.unchecked.hover}",
-              "$value": "#737278",
+              "$value": "rgba(5, 5, 6, 0.4)",
               "$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",
@@ -23898,7 +23935,7 @@
               "original": {
                 "$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",
@@ -23920,9 +23957,9 @@
             },
             "focus": {
               "key": "{toggle.switch.track.color.unchecked.focus}",
-              "$value": "#737278",
+              "$value": "rgba(5, 5, 6, 0.4)",
               "$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",
@@ -23934,7 +23971,7 @@
               "original": {
                 "$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",
@@ -23956,7 +23993,7 @@
             },
             "active": {
               "key": "{toggle.switch.track.color.unchecked.active}",
-              "$value": "#737278",
+              "$value": "rgba(255, 255, 255, 0.08)",
               "$type": "color",
               "$description": "Used for the track color of an unchecked toggle switch in the active state.",
               "$extensions": {
@@ -23968,7 +24005,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -23989,6 +24026,42 @@
                 "unchecked",
                 "active"
               ]
+            },
+            "disabled": {
+              "key": "{toggle.switch.track.color.unchecked.disabled}",
+              "$value": "rgba(5, 5, 6, 0.4)",
+              "$type": "color",
+              "$description": "Used for the track color of a disabled unchecked toggle switch.",
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "FRAME_FILL"
+                ]
+              },
+              "filePath": "src/tokens/contextual/toggle.tokens.json",
+              "isSource": true,
+              "original": {
+                "$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"
+                  ]
+                },
+                "key": "{toggle.switch.track.color.unchecked.disabled}"
+              },
+              "name": "TOGGLE_SWITCH_TRACK_COLOR_UNCHECKED_DISABLED",
+              "attributes": {},
+              "path": [
+                "toggle",
+                "switch",
+                "track",
+                "color",
+                "unchecked",
+                "disabled"
+              ]
             }
           },
           "checked": {
@@ -24006,7 +24079,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24042,7 +24115,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24078,7 +24151,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24114,7 +24187,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24135,6 +24208,469 @@
                 "checked",
                 "active"
               ]
+            },
+            "disabled": {
+              "key": "{toggle.switch.track.color.checked.disabled}",
+              "$value": "#737278",
+              "$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"
+                ]
+              },
+              "filePath": "src/tokens/contextual/toggle.tokens.json",
+              "isSource": true,
+              "original": {
+                "$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"
+                  ]
+                },
+                "key": "{toggle.switch.track.color.checked.disabled}"
+              },
+              "name": "TOGGLE_SWITCH_TRACK_COLOR_CHECKED_DISABLED",
+              "attributes": {},
+              "path": [
+                "toggle",
+                "switch",
+                "track",
+                "color",
+                "checked",
+                "disabled"
+              ]
+            }
+          },
+          "loading": {
+            "key": "{toggle.switch.track.color.loading}",
+            "$value": "#28272d",
+            "$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"
+              ]
+            },
+            "filePath": "src/tokens/contextual/toggle.tokens.json",
+            "isSource": true,
+            "original": {
+              "$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"
+                ]
+              },
+              "key": "{toggle.switch.track.color.loading}"
+            },
+            "name": "TOGGLE_SWITCH_TRACK_COLOR_LOADING",
+            "attributes": {},
+            "path": [
+              "toggle",
+              "switch",
+              "track",
+              "color",
+              "loading"
+            ]
+          }
+        },
+        "border": {
+          "color": {
+            "unchecked": {
+              "default": {
+                "key": "{toggle.switch.track.border.color.unchecked.default}",
+                "$value": "#737278",
+                "$type": "color",
+                "$description": "Used for the track border color of an unchecked toggle switch in the default state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.unchecked.default}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DEFAULT",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "unchecked",
+                  "default"
+                ]
+              },
+              "hover": {
+                "key": "{toggle.switch.track.border.color.unchecked.hover}",
+                "$value": "#a4a3a8",
+                "$type": "color",
+                "$description": "Used for the track border color of an unchecked toggle switch in the hover state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.unchecked.hover}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_HOVER",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "unchecked",
+                  "hover"
+                ]
+              },
+              "focus": {
+                "key": "{toggle.switch.track.border.color.unchecked.focus}",
+                "$value": "#a4a3a8",
+                "$type": "color",
+                "$description": "Used for the track border color of an unchecked toggle switch in the focus state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.unchecked.focus}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_FOCUS",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "unchecked",
+                  "focus"
+                ]
+              },
+              "active": {
+                "key": "{toggle.switch.track.border.color.unchecked.active}",
+                "$value": "#a4a3a8",
+                "$type": "color",
+                "$description": "Used for the track border color of an unchecked toggle switch in the active state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.unchecked.active}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_ACTIVE",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "unchecked",
+                  "active"
+                ]
+              },
+              "disabled": {
+                "key": "{toggle.switch.track.border.color.unchecked.disabled}",
+                "$value": "#3a383f",
+                "$type": "color",
+                "$description": "Used for the track border color of a disabled unchecked toggle switch.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.unchecked.disabled}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_UNCHECKED_DISABLED",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "unchecked",
+                  "disabled"
+                ]
+              }
+            },
+            "checked": {
+              "default": {
+                "key": "{toggle.switch.track.border.color.checked.default}",
+                "$value": "#ececef",
+                "$type": "color",
+                "$description": "Used for the track border color of a checked toggle switch in the default state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.checked.default}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DEFAULT",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "checked",
+                  "default"
+                ]
+              },
+              "hover": {
+                "key": "{toggle.switch.track.border.color.checked.hover}",
+                "$value": "#fbfafd",
+                "$type": "color",
+                "$description": "Used for the track border color of a checked toggle switch in the hover state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.checked.hover}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_HOVER",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "checked",
+                  "hover"
+                ]
+              },
+              "focus": {
+                "key": "{toggle.switch.track.border.color.checked.focus}",
+                "$value": "#fbfafd",
+                "$type": "color",
+                "$description": "Used for the track border color of a checked toggle switch in the focus state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.checked.focus}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_FOCUS",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "checked",
+                  "focus"
+                ]
+              },
+              "active": {
+                "key": "{toggle.switch.track.border.color.checked.active}",
+                "$value": "#fff",
+                "$type": "color",
+                "$description": "Used for the track border color of a checked toggle switch in the active state.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "STROKE_COLOR"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.checked.active}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_ACTIVE",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "checked",
+                  "active"
+                ]
+              },
+              "disabled": {
+                "key": "{toggle.switch.track.border.color.checked.disabled}",
+                "$value": "#737278",
+                "$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"
+                  ]
+                },
+                "filePath": "src/tokens/contextual/toggle.tokens.json",
+                "isSource": true,
+                "original": {
+                  "$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"
+                    ]
+                  },
+                  "key": "{toggle.switch.track.border.color.checked.disabled}"
+                },
+                "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_CHECKED_DISABLED",
+                "attributes": {},
+                "path": [
+                  "toggle",
+                  "switch",
+                  "track",
+                  "border",
+                  "color",
+                  "checked",
+                  "disabled"
+                ]
+              }
+            },
+            "loading": {
+              "key": "{toggle.switch.track.border.color.loading}",
+              "$value": "#28272d",
+              "$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"
+                ]
+              },
+              "filePath": "src/tokens/contextual/toggle.tokens.json",
+              "isSource": true,
+              "original": {
+                "$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"
+                  ]
+                },
+                "key": "{toggle.switch.track.border.color.loading}"
+              },
+              "name": "TOGGLE_SWITCH_TRACK_BORDER_COLOR_LOADING",
+              "attributes": {},
+              "path": [
+                "toggle",
+                "switch",
+                "track",
+                "border",
+                "color",
+                "loading"
+              ]
             }
           }
         }
@@ -24144,7 +24680,7 @@
           "unchecked": {
             "default": {
               "key": "{toggle.switch.background.color.unchecked.default}",
-              "$value": "#18171d",
+              "$value": "#ececef",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
               "$extensions": {
@@ -24156,7 +24692,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24180,7 +24716,7 @@
             },
             "hover": {
               "key": "{toggle.switch.background.color.unchecked.hover}",
-              "$value": "#18171d",
+              "$value": "#ececef",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the hover state.",
               "$extensions": {
@@ -24216,7 +24752,7 @@
             },
             "focus": {
               "key": "{toggle.switch.background.color.unchecked.focus}",
-              "$value": "#18171d",
+              "$value": "#ececef",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the focus state.",
               "$extensions": {
@@ -24252,7 +24788,7 @@
             },
             "active": {
               "key": "{toggle.switch.background.color.unchecked.active}",
-              "$value": "#18171d",
+              "$value": "#ececef",
               "$type": "color",
               "$description": "Used for the background color of the unchecked toggle switch thumb in the active state.",
               "$extensions": {
@@ -24285,6 +24821,42 @@
                 "unchecked",
                 "active"
               ]
+            },
+            "disabled": {
+              "key": "{toggle.switch.background.color.unchecked.disabled}",
+              "$value": "#737278",
+              "$type": "color",
+              "$description": "Used for the background color of the disabled unchecked toggle switch thumb.",
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "FRAME_FILL"
+                ]
+              },
+              "filePath": "src/tokens/contextual/toggle.tokens.json",
+              "isSource": true,
+              "original": {
+                "$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"
+                  ]
+                },
+                "key": "{toggle.switch.background.color.unchecked.disabled}"
+              },
+              "name": "TOGGLE_SWITCH_BACKGROUND_COLOR_UNCHECKED_DISABLED",
+              "attributes": {},
+              "path": [
+                "toggle",
+                "switch",
+                "background",
+                "color",
+                "unchecked",
+                "disabled"
+              ]
             }
           },
           "checked": {
@@ -24302,7 +24874,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24338,7 +24910,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24374,7 +24946,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24410,7 +24982,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24431,31 +25003,69 @@
                 "checked",
                 "active"
               ]
+            },
+            "disabled": {
+              "key": "{toggle.switch.background.color.checked.disabled}",
+              "$value": "#18171d",
+              "$type": "color",
+              "$description": "Used for the background color of the disabled checked toggle switch thumb.",
+              "$extensions": {
+                "com.figma.scopes": [
+                  "SHAPE_FILL",
+                  "FRAME_FILL"
+                ]
+              },
+              "filePath": "src/tokens/contextual/toggle.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": "{action.selected.foreground.color.default}",
+                "$type": "color",
+                "$description": "Used for the background color of the disabled checked toggle switch thumb.",
+                "$extensions": {
+                  "com.figma.scopes": [
+                    "SHAPE_FILL",
+                    "FRAME_FILL"
+                  ]
+                },
+                "key": "{toggle.switch.background.color.checked.disabled}"
+              },
+              "name": "TOGGLE_SWITCH_BACKGROUND_COLOR_CHECKED_DISABLED",
+              "attributes": {},
+              "path": [
+                "toggle",
+                "switch",
+                "background",
+                "color",
+                "checked",
+                "disabled"
+              ]
             }
           },
           "disabled": {
             "key": "{toggle.switch.background.color.disabled}",
             "$value": "#737278",
             "$type": "color",
-            "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
+            "$description": "Use toggle.switch.background.color.unchecked.disabled instead.",
             "$extensions": {
               "com.figma.scopes": [
                 "SHAPE_FILL",
                 "FRAME_FILL"
               ]
             },
+            "$deprecated": true,
             "filePath": "src/tokens/contextual/toggle.tokens.json",
             "isSource": true,
             "original": {
-              "$value": "{action.disabled.foreground.color}",
+              "$value": "{toggle.switch.background.color.unchecked.disabled}",
               "$type": "color",
-              "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
+              "$description": "Use toggle.switch.background.color.unchecked.disabled instead.",
               "$extensions": {
                 "com.figma.scopes": [
                   "SHAPE_FILL",
                   "FRAME_FILL"
                 ]
               },
+              "$deprecated": true,
               "key": "{toggle.switch.background.color.disabled}"
             },
             "name": "TOGGLE_SWITCH_BACKGROUND_COLOR_DISABLED",
@@ -24475,7 +25085,7 @@
           "unchecked": {
             "default": {
               "key": "{toggle.switch.icon.color.unchecked.default}",
-              "$value": "#4c4b51",
+              "$value": "#18171d",
               "$type": "color",
               "$description": "Used for the icon color of an unchecked toggle switch in the default state.",
               "$extensions": {
@@ -24486,7 +25096,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24509,7 +25119,7 @@
             },
             "hover": {
               "key": "{toggle.switch.icon.color.unchecked.hover}",
-              "$value": "#626168",
+              "$value": "#18171d",
               "$type": "color",
               "$description": "Used for the icon color of an unchecked toggle switch in the hover state.",
               "$extensions": {
@@ -24520,7 +25130,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24543,7 +25153,7 @@
             },
             "focus": {
               "key": "{toggle.switch.icon.color.unchecked.focus}",
-              "$value": "#626168",
+              "$value": "#18171d",
               "$type": "color",
               "$description": "Used for the icon color of an unchecked toggle switch in the focus state.",
               "$extensions": {
@@ -24554,7 +25164,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24577,7 +25187,7 @@
             },
             "active": {
               "key": "{toggle.switch.icon.color.unchecked.active}",
-              "$value": "#737278",
+              "$value": "#18171d",
               "$type": "color",
               "$description": "Used for the icon color of an unchecked toggle switch in the active state.",
               "$extensions": {
@@ -24588,7 +25198,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24613,7 +25223,7 @@
           "checked": {
             "default": {
               "key": "{toggle.switch.icon.color.checked.default}",
-              "$value": "#63a6e9",
+              "$value": "#ececef",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the default state.",
               "$extensions": {
@@ -24624,7 +25234,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24647,7 +25257,7 @@
             },
             "hover": {
               "key": "{toggle.switch.icon.color.checked.hover}",
-              "$value": "#9dc7f1",
+              "$value": "#fbfafd",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the hover state.",
               "$extensions": {
@@ -24658,7 +25268,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24681,7 +25291,7 @@
             },
             "focus": {
               "key": "{toggle.switch.icon.color.checked.focus}",
-              "$value": "#9dc7f1",
+              "$value": "#fbfafd",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the focus state.",
               "$extensions": {
@@ -24692,7 +25302,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -24715,7 +25325,7 @@
             },
             "active": {
               "key": "{toggle.switch.icon.color.checked.active}",
-              "$value": "#428fdc",
+              "$value": "#fff",
               "$type": "color",
               "$description": "Used for the icon color of a checked toggle switch in the active state.",
               "$extensions": {
@@ -24726,7 +25336,7 @@
               "filePath": "src/tokens/contextual/toggle.tokens.json",
               "isSource": true,
               "original": {
-                "$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": {
@@ -29989,6 +30599,41 @@
               "color",
               "active"
             ]
+          },
+          "disabled": {
+            "key": "{action.selected.background.color.disabled}",
+            "$value": "#737278",
+            "$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"
+              ]
+            },
+            "filePath": "src/tokens/semantic/action.tokens.json",
+            "isSource": true,
+            "original": {
+              "$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"
+                ]
+              },
+              "key": "{action.selected.background.color.disabled}"
+            },
+            "name": "ACTION_SELECTED_BACKGROUND_COLOR_DISABLED",
+            "attributes": {},
+            "path": [
+              "action",
+              "selected",
+              "background",
+              "color",
+              "disabled"
+            ]
           }
         }
       },