@gitlab/ui 134.6.0 → 134.8.0

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

@@ -2575,7 +2575,7 @@
     }
   },
   "🔒/button-confirm-primary-foreground-color-hover": {
-    "$value": "{action-strong-confirm-foreground-color-hover}",
+    "$value": "{🔒/button-confirm-primary-foreground-color-default}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) primary button in the hover state.",
     "$extensions": {
@@ -2586,7 +2586,7 @@
     }
   },
   "🔒/button-confirm-primary-foreground-color-focus": {
-    "$value": "{action-strong-confirm-foreground-color-focus}",
+    "$value": "{🔒/button-confirm-primary-foreground-color-hover}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) primary button in the focus state.",
     "$extensions": {
@@ -2597,7 +2597,7 @@
     }
   },
   "🔒/button-confirm-primary-foreground-color-active": {
-    "$value": "{action-strong-confirm-foreground-color-active}",
+    "$value": "{🔒/button-confirm-primary-foreground-color-focus}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) primary button in the active state.",
     "$extensions": {
@@ -2608,7 +2608,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-default": {
-    "$value": "{action-strong-confirm-background-color-default}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the default state.",
     "$extensions": {
@@ -2619,7 +2619,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-hover": {
-    "$value": "{action-strong-confirm-background-color-hover}",
+    "$value": "{color-neutral-10}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the hover state.",
     "$extensions": {
@@ -2630,7 +2630,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-focus": {
-    "$value": "{action-strong-confirm-background-color-focus}",
+    "$value": "{🔒/button-confirm-primary-background-color-hover}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the focus state.",
     "$extensions": {
@@ -2641,7 +2641,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-active": {
-    "$value": "{action-strong-confirm-background-color-active}",
+    "$value": "{color-neutral-100}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the active state.",
     "$extensions": {
@@ -2662,7 +2662,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-hover": {
-    "$value": "{color-alpha-0}",
+    "$value": "{🔒/button-confirm-primary-border-color-default}",
     "$type": "color",
     "$description": "Used for the border of a confirm (positive) primary button in the hover state.",
     "$extensions": {
@@ -2672,7 +2672,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-focus": {
-    "$value": "{🔒/button-confirm-primary-border-color-hover}",
+    "$value": "{🔒/button-confirm-primary-border-color-default}",
     "$type": "color",
     "$description": "Used for the border of a confirm (positive) primary button in the focus state.",
     "$extensions": {
@@ -2682,7 +2682,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-active": {
-    "$value": "{color-alpha-0}",
+    "$value": "{🔒/button-confirm-primary-border-color-default}",
     "$type": "color",
     "$description": "Used for the border of a confirm (positive) primary button in the active state.",
     "$extensions": {
@@ -2692,7 +2692,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-default": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the default state.",
     "$extensions": {
@@ -2703,7 +2703,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-hover": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-10}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the hover state.",
     "$extensions": {
@@ -2725,7 +2725,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-active": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-0}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the active state.",
     "$extensions": {
@@ -2736,15 +2736,7 @@
     }
   },
   "🔒/button-confirm-secondary-background-color-default": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0.4
-    },
+    "$value": "{color-alpha-light-24}",
     "$type": "color",
     "$description": "Used for the background of an outlined confirm (positive) button in the default state.",
     "$extensions": {
@@ -2755,15 +2747,7 @@
     }
   },
   "🔒/button-confirm-secondary-background-color-hover": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0.64
-    },
+    "$value": "{color-alpha-light-40}",
     "$type": "color",
     "$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
     "$extensions": {
@@ -2785,15 +2769,7 @@
     }
   },
   "🔒/button-confirm-secondary-background-color-active": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0.32
-    },
+    "$value": "{color-alpha-light-16}",
     "$type": "color",
     "$description": "Used for the background of an outlined confirm (positive) button in the active state.",
     "$extensions": {
@@ -5123,7 +5099,7 @@
     }
   },
   "🔒/tab-selected-indicator-color-default": {
-    "$value": "{color-blue-400}",
+    "$value": "{action-selected-border-color-active}",
     "$type": "color",
     "$description": "Used for the selected indicator of a tab.",
     "$extensions": {
@@ -5133,6 +5109,176 @@
       ]
     }
   },
+  "🔒/toggle-switch-track-color-unchecked-default": {
+    "$value": "{control-border-color-default}",
+    "$type": "color",
+    "$description": "Used for the track color of an unchecked toggle switch in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-unchecked-hover": {
+    "$value": "{control-border-color-hover}",
+    "$type": "color",
+    "$description": "Used for the track color of an unchecked toggle switch in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-unchecked-focus": {
+    "$value": "{control-border-color-focus}",
+    "$type": "color",
+    "$description": "Used for the track color of an unchecked toggle switch in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-unchecked-active": {
+    "$value": "{control-border-color-focus}",
+    "$type": "color",
+    "$description": "Used for the track color of an unchecked toggle switch in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-checked-default": {
+    "$value": "{color-neutral-50}",
+    "$type": "color",
+    "$description": "Used for the track color of a checked toggle switch in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-checked-hover": {
+    "$value": "{color-neutral-10}",
+    "$type": "color",
+    "$description": "Used for the track color of a checked toggle switch in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-checked-focus": {
+    "$value": "{🔒/toggle-switch-track-color-checked-hover}",
+    "$type": "color",
+    "$description": "Used for the track color of a checked toggle switch in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-track-color-checked-active": {
+    "$value": "{color-neutral-0}",
+    "$type": "color",
+    "$description": "Used for the track color of a checked toggle switch in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-unchecked-default": {
+    "$value": "{control-indicator-color-selected}",
+    "$type": "color",
+    "$description": "Used for the background color of the unchecked toggle switch thumb in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-unchecked-hover": {
+    "$value": "{🔒/toggle-switch-background-color-unchecked-default}",
+    "$type": "color",
+    "$description": "Used for the background color of the unchecked toggle switch thumb in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-unchecked-focus": {
+    "$value": "{🔒/toggle-switch-background-color-unchecked-default}",
+    "$type": "color",
+    "$description": "Used for the background color of the unchecked toggle switch thumb in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-unchecked-active": {
+    "$value": "{🔒/toggle-switch-background-color-unchecked-default}",
+    "$type": "color",
+    "$description": "Used for the background color of the unchecked toggle switch thumb in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-checked-default": {
+    "$value": "{action-strong-confirm-foreground-color-default}",
+    "$type": "color",
+    "$description": "Used for the background color of the checked toggle switch thumb in the default state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-checked-hover": {
+    "$value": "{action-strong-confirm-foreground-color-hover}",
+    "$type": "color",
+    "$description": "Used for the background color of the checked toggle switch thumb in the hover state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-checked-focus": {
+    "$value": "{action-strong-confirm-foreground-color-focus}",
+    "$type": "color",
+    "$description": "Used for the background color of the checked toggle switch thumb in the focus state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-checked-active": {
+    "$value": "{action-strong-confirm-foreground-color-active}",
+    "$type": "color",
+    "$description": "Used for the background color of the checked toggle switch thumb in the active state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
+  "🔒/toggle-switch-background-color-disabled": {
+    "$value": "{action-disabled-foreground-color}",
+    "$type": "color",
+    "$description": "Used for the background color of the toggle switch thumb in the disabled state.",
+    "$extensions": {
+      "com.figma.scopes": [
+        "SHAPE_FILL"
+      ]
+    }
+  },
   "🔒/toggle-switch-icon-color-unchecked-default": {
     "$value": "{action-strong-neutral-background-color-default}",
     "$type": "color",
@@ -5353,7 +5499,7 @@
     }
   },
   "action-selected-background-color-default": {
-    "$value": "{color-blue-300}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the default state.",
     "$extensions": {
@@ -5364,7 +5510,7 @@
     }
   },
   "action-selected-background-color-hover": {
-    "$value": "{color-blue-200}",
+    "$value": "{color-neutral-10}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the hover state.",
     "$extensions": {
@@ -5386,7 +5532,7 @@
     }
   },
   "action-selected-background-color-active": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-0}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the active state.",
     "$extensions": {
@@ -5481,15 +5627,7 @@
     }
   },
   "action-neutral-background-color-default": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.5372549019607843,
-        0.5333333333333333,
-        0.5529411764705883
-      ],
-      "alpha": 0
-    },
+    "$value": "{color-alpha-0}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the default state.",
     "$extensions": {
@@ -5500,15 +5638,7 @@
     }
   },
   "action-neutral-background-color-hover": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.5372549019607843,
-        0.5333333333333333,
-        0.5529411764705883
-      ],
-      "alpha": 0.4
-    },
+    "$value": "{color-alpha-light-16}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the hover state.",
     "$extensions": {
@@ -5530,15 +5660,7 @@
     }
   },
   "action-neutral-background-color-active": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.5372549019607843,
-        0.5333333333333333,
-        0.5529411764705883
-      ],
-      "alpha": 0.16
-    },
+    "$value": "{color-alpha-light-8}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the active state.",
     "$extensions": {
@@ -5589,7 +5711,7 @@
     }
   },
   "action-confirm-foreground-color-default": {
-    "$value": "{color-blue-200}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the default state.",
     "$extensions": {
@@ -5600,7 +5722,7 @@
     }
   },
   "action-confirm-foreground-color-hover": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-10}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the hover state.",
     "$extensions": {
@@ -5622,7 +5744,7 @@
     }
   },
   "action-confirm-foreground-color-active": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-0}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the active state.",
     "$extensions": {
@@ -5633,15 +5755,7 @@
     }
   },
   "action-confirm-background-color-default": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0
-    },
+    "$value": "{color-alpha-0}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the default state.",
     "$extensions": {
@@ -5652,15 +5766,7 @@
     }
   },
   "action-confirm-background-color-hover": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0.4
-    },
+    "$value": "{color-alpha-light-16}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the hover state.",
     "$extensions": {
@@ -5682,15 +5788,7 @@
     }
   },
   "action-confirm-background-color-active": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.25882352941176473,
-        0.5607843137254902,
-        0.8627450980392157
-      ],
-      "alpha": 0.16
-    },
+    "$value": "{color-alpha-light-8}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the active state.",
     "$extensions": {
@@ -6278,7 +6376,7 @@
     }
   },
   "control-background-color-selected-default": {
-    "$value": "{color-blue-300}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
     "$extensions": {
@@ -6289,7 +6387,7 @@
     }
   },
   "control-background-color-selected-hover": {
-    "$value": "{color-blue-200}",
+    "$value": "{color-neutral-10}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
     "$extensions": {
@@ -6300,9 +6398,9 @@
     }
   },
   "control-background-color-selected-focus": {
-    "$value": "{color-blue-200}",
+    "$value": "{control-background-color-selected-hover}",
     "$type": "color",
-    "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
+    "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on focus.",
     "$extensions": {
       "com.figma.scopes": [
         "FRAME_FILL",
@@ -6361,7 +6459,7 @@
     }
   },
   "control-border-color-selected-default": {
-    "$value": "{color-blue-400}",
+    "$value": "{control-background-color-selected-default}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
     "$extensions": {
@@ -6371,7 +6469,7 @@
     }
   },
   "control-border-color-selected-hover": {
-    "$value": "{color-blue-200}",
+    "$value": "{control-background-color-selected-hover}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
     "$extensions": {
@@ -6381,7 +6479,7 @@
     }
   },
   "control-border-color-selected-focus": {
-    "$value": "{color-blue-200}",
+    "$value": "{control-background-color-selected-focus}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
     "$extensions": {