@gitlab/ui 134.6.0 → 134.7.0

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

@@ -2551,7 +2551,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": {
@@ -2562,7 +2562,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": {
@@ -2573,7 +2573,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": {
@@ -2584,7 +2584,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-default": {
-    "$value": "{action-strong-confirm-background-color-default}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the default state.",
     "$extensions": {
@@ -2595,7 +2595,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-hover": {
-    "$value": "{action-strong-confirm-background-color-hover}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the hover state.",
     "$extensions": {
@@ -2606,7 +2606,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": {
@@ -2617,7 +2617,7 @@
     }
   },
   "🔒/button-confirm-primary-background-color-active": {
-    "$value": "{action-strong-confirm-background-color-active}",
+    "$value": "{color-neutral-1000}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) primary button in the active state.",
     "$extensions": {
@@ -2628,7 +2628,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-default": {
-    "$value": "{color-blue-600}",
+    "$value": "{color-alpha-0}",
     "$type": "color",
     "$description": "Used for the border of a confirm (positive) primary button in the default state.",
     "$extensions": {
@@ -2638,7 +2638,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-hover": {
-    "$value": "{color-blue-800}",
+    "$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": {
@@ -2648,7 +2648,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": {
@@ -2658,7 +2658,7 @@
     }
   },
   "🔒/button-confirm-primary-border-color-active": {
-    "$value": "{color-blue-900}",
+    "$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": {
@@ -2668,7 +2668,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the default state.",
     "$extensions": {
@@ -2679,7 +2679,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the hover state.",
     "$extensions": {
@@ -2701,7 +2701,7 @@
     }
   },
   "🔒/button-confirm-secondary-foreground-color-active": {
-    "$value": "{color-blue-900}",
+    "$value": "{color-neutral-1000}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) button in the active state.",
     "$extensions": {
@@ -2723,7 +2723,7 @@
     }
   },
   "🔒/button-confirm-secondary-background-color-hover": {
-    "$value": "{color-blue-50}",
+    "$value": "{color-neutral-50}",
     "$type": "color",
     "$description": "Used for the background of an outlined confirm (positive) button in the hover state.",
     "$extensions": {
@@ -2745,7 +2745,7 @@
     }
   },
   "🔒/button-confirm-secondary-background-color-active": {
-    "$value": "{color-blue-100}",
+    "$value": "{color-neutral-100}",
     "$type": "color",
     "$description": "Used for the background of an outlined confirm (positive) button in the active state.",
     "$extensions": {
@@ -2756,7 +2756,7 @@
     }
   },
   "🔒/button-confirm-secondary-border-color-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for the border of an outlined confirm (positive) button in the default state.",
     "$extensions": {
@@ -2766,7 +2766,7 @@
     }
   },
   "🔒/button-confirm-secondary-border-color-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for the border of an outlined confirm (positive) button in the hover state.",
     "$extensions": {
@@ -2786,7 +2786,7 @@
     }
   },
   "🔒/button-confirm-secondary-border-color-active": {
-    "$value": "{color-blue-900}",
+    "$value": "{color-neutral-1000}",
     "$type": "color",
     "$description": "Used for the border of an outlined confirm (positive) button in the active state.",
     "$extensions": {
@@ -5043,7 +5043,7 @@
     }
   },
   "🔒/tab-selected-indicator-color-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{action-selected-border-color-active}",
     "$type": "color",
     "$description": "Used for the selected indicator of a tab.",
     "$extensions": {
@@ -5053,6 +5053,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-800}",
+    "$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-950}",
+    "$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-1000}",
+    "$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",
@@ -5273,7 +5443,7 @@
     }
   },
   "action-selected-background-color-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the default state.",
     "$extensions": {
@@ -5284,7 +5454,7 @@
     }
   },
   "action-selected-background-color-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the hover state.",
     "$extensions": {
@@ -5306,7 +5476,7 @@
     }
   },
   "action-selected-background-color-active": {
-    "$value": "{color-blue-800}",
+    "$value": "{color-neutral-1000}",
     "$type": "color",
     "$description": "Used for the background of a selected action in the active state.",
     "$extensions": {
@@ -5401,15 +5571,7 @@
     }
   },
   "action-neutral-background-color-default": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.6431372549019608,
-        0.6392156862745098,
-        0.6588235294117647
-      ],
-      "alpha": 0
-    },
+    "$value": "{color-alpha-0}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the default state.",
     "$extensions": {
@@ -5420,15 +5582,7 @@
     }
   },
   "action-neutral-background-color-hover": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.6431372549019608,
-        0.6392156862745098,
-        0.6588235294117647
-      ],
-      "alpha": 0.16
-    },
+    "$value": "{color-alpha-dark-6}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the hover state.",
     "$extensions": {
@@ -5450,15 +5604,7 @@
     }
   },
   "action-neutral-background-color-active": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.3254901960784314,
-        0.3176470588235294,
-        0.34509803921568627
-      ],
-      "alpha": 0.24
-    },
+    "$value": "{color-alpha-dark-16}",
     "$type": "color",
     "$description": "Used for the background of a neutral action in the active state.",
     "$extensions": {
@@ -5509,7 +5655,7 @@
     }
   },
   "action-confirm-foreground-color-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the default state.",
     "$extensions": {
@@ -5520,7 +5666,7 @@
     }
   },
   "action-confirm-foreground-color-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the hover state.",
     "$extensions": {
@@ -5542,7 +5688,7 @@
     }
   },
   "action-confirm-foreground-color-active": {
-    "$value": "{color-blue-900}",
+    "$value": "{color-neutral-1000}",
     "$type": "color",
     "$description": "Used for the foreground of a confirm (positive) action in the active state.",
     "$extensions": {
@@ -5553,15 +5699,7 @@
     }
   },
   "action-confirm-background-color-default": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.38823529411764707,
-        0.6509803921568628,
-        0.9137254901960784
-      ],
-      "alpha": 0
-    },
+    "$value": "{color-alpha-0}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the default state.",
     "$extensions": {
@@ -5572,15 +5710,7 @@
     }
   },
   "action-confirm-background-color-hover": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.38823529411764707,
-        0.6509803921568628,
-        0.9137254901960784
-      ],
-      "alpha": 0.16
-    },
+    "$value": "{color-alpha-dark-6}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the hover state.",
     "$extensions": {
@@ -5602,15 +5732,7 @@
     }
   },
   "action-confirm-background-color-active": {
-    "$value": {
-      "colorSpace": "srgb",
-      "components": [
-        0.043137254901960784,
-        0.3607843137254902,
-        0.6784313725490196
-      ],
-      "alpha": 0.24
-    },
+    "$value": "{color-alpha-dark-16}",
     "$type": "color",
     "$description": "Used for the background of a confirm (positive) action in the active state.",
     "$extensions": {
@@ -6190,7 +6312,7 @@
     }
   },
   "control-background-color-selected-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{color-neutral-800}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background.",
     "$extensions": {
@@ -6201,7 +6323,7 @@
     }
   },
   "control-background-color-selected-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{color-neutral-950}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) background on hover.",
     "$extensions": {
@@ -6212,9 +6334,9 @@
     }
   },
   "control-background-color-selected-focus": {
-    "$value": "{color-blue-700}",
+    "$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",
@@ -6273,7 +6395,7 @@
     }
   },
   "control-border-color-selected-default": {
-    "$value": "{color-blue-500}",
+    "$value": "{control-background-color-selected-default}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border.",
     "$extensions": {
@@ -6283,7 +6405,7 @@
     }
   },
   "control-border-color-selected-hover": {
-    "$value": "{color-blue-700}",
+    "$value": "{control-background-color-selected-hover}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on hover.",
     "$extensions": {
@@ -6293,7 +6415,7 @@
     }
   },
   "control-border-color-selected-focus": {
-    "$value": "{color-blue-700}",
+    "$value": "{control-background-color-selected-focus}",
     "$type": "color",
     "$description": "Used for checked and indeterminate (selected) form control (checkbox, radio button) border on focus.",
     "$extensions": {