@primer/primitives 11.4.1-rc.edbe0e39 → 11.5.0-rc.14eaeb12

package/dist/docs/functional/themes/dark-colorblind.json

@@ -2095,7 +2095,11 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#db61a2",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [328, 62.9, 62],
+            "hex": "#db61a2"
+          },
           "alpha": 0.1,
           "filePath": "src/tokens/functional/color/bgColor.json5",
           "isSource": true,
@@ -2132,7 +2136,11 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#db61a2",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [328, 62.9, 62],
+              "hex": "#db61a2"
+            },
             "alpha": 0.1,
             "filePath": "src/tokens/functional/color/bgColor.json5",
             "isSource": true,
@@ -2756,6 +2764,44 @@
     "value": "0.0625rem solid #ab7df866",
     "type": "border"
   },
+  "border-draft-emphasis": {
+    "key": "{border.draft.emphasis}",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.draft.emphasis}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border",
+      "key": "{border.draft.emphasis}"
+    },
+    "name": "border-draft-emphasis",
+    "attributes": {},
+    "path": ["border", "draft", "emphasis"],
+    "value": "0.0625rem solid #656c76",
+    "type": "border"
+  },
+  "border-draft-muted": {
+    "key": "{border.draft.muted}",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$value": {
+        "color": "{borderColor.draft.muted}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border",
+      "key": "{border.draft.muted}"
+    },
+    "name": "border-draft-muted",
+    "attributes": {},
+    "path": ["border", "draft", "muted"],
+    "value": "0.0625rem solid #3d444d66",
+    "type": "border"
+  },
   "border-emphasis": {
     "key": "{border.emphasis}",
     "filePath": "src/tokens/functional/border/border.json5",
@@ -2976,6 +3022,27 @@
     "value": "0.0625rem solid #388bfd66",
     "type": "border"
   },
+  "border-translucent": {
+    "key": "{border.translucent}",
+    "filePath": "src/tokens/functional/border/border.json5",
+    "isSource": true,
+    "original": {
+      "$description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
+      "$value": {
+        "color": "{borderColor.translucent}",
+        "style": "solid",
+        "width": "{borderWidth.default}"
+      },
+      "$type": "border",
+      "key": "{border.translucent}"
+    },
+    "name": "border-translucent",
+    "attributes": {},
+    "path": ["border", "translucent"],
+    "value": "0.0625rem solid #ffffff26",
+    "type": "border",
+    "description": "Semi-transparent border shorthand for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design."
+  },
   "border-transparent": {
     "key": "{border.transparent}",
     "filePath": "src/tokens/functional/border/border.json5",
@@ -5839,7 +5906,7 @@
     "original": {
       "$value": "{base.color.neutral.13}",
       "$type": "color",
-      "$description": "Semi-transparent border for overlays and layered elements",
+      "$description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -5910,7 +5977,7 @@
     "path": ["borderColor", "translucent"],
     "value": "#ffffff26",
     "type": "color",
-    "description": "Semi-transparent border for overlays and layered elements"
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design."
   },
   "borderColor-transparent": {
     "key": "{borderColor.transparent}",
@@ -6632,13 +6699,21 @@
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -6664,13 +6739,21 @@
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -6750,16 +6833,261 @@
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.neutral.13}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": "{base.color.neutral.13}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{button.danger.fgColor.hover}"
+    },
+    "name": "button-danger-fgColor-hover",
+    "attributes": {},
+    "path": ["button", "danger", "fgColor", "hover"],
+    "value": "#ffffff",
+    "type": "color"
+  },
+  "button-danger-fgColor-rest": {
+    "key": "{button.danger.fgColor.rest}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [3.3, 94.3, 65.7],
+            "hex": "#FA5E55"
+          },
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed": {
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [3.6, 78.2, 62.2],
+            "hex": "#ea5c53"
+          },
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#ffc1ba",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#f0883e",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-high-contrast": {
+          "$value": "#ffa198",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#ffa198",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#ffa657",
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
+        }
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{fgColor.danger}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        },
+        "org.primer.overrides": {
+          "dark": {
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [3.3, 94.3, 65.7],
+              "hex": "#FA5E55"
+            },
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed": {
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [3.6, 78.2, 62.2],
+              "hex": "#ea5c53"
+            },
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{base.color.red.1}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{fgColor.danger}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-high-contrast": {
+            "$value": "{base.color.red.2}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{base.color.red.2}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.orange.2}",
+            "filePath": "src/tokens/component/button.json5",
+            "isSource": true,
+            "$type": "color"
+          }
+        }
+      },
+      "key": "{button.danger.fgColor.rest}"
+    },
+    "name": "button-danger-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "danger", "fgColor", "rest"],
+    "value": "#f0883e",
+    "type": "color"
+  },
+  "button-danger-iconColor-disabled": {
+    "key": "{button.danger.iconColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{button.danger.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{button.danger.iconColor.disabled}"
+    },
+    "name": "button-danger-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "danger", "iconColor", "disabled"],
+    "value": "#f0883e80",
+    "type": "color"
+  },
+  "button-danger-iconColor-hover": {
+    "key": "{button.danger.iconColor.hover}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      },
+      "org.primer.overrides": {
+        "dark": {
           "$value": "#ffffff",
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
+          "filePath": "src/tokens/component/button.json5",
+          "isSource": true,
+          "$type": "color"
         }
       }
     },
@@ -6782,187 +7110,11 @@
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#ffffff",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-dimmed": {
-            "$value": "#ffffff",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          }
-        }
-      },
-      "key": "{button.danger.fgColor.hover}"
-    },
-    "name": "button-danger-fgColor-hover",
-    "attributes": {},
-    "path": ["button", "danger", "fgColor", "hover"],
-    "value": "#ffffff",
-    "type": "color"
-  },
-  "button-danger-fgColor-rest": {
-    "key": "{button.danger.fgColor.rest}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#FA5E55",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-dimmed": {
-          "$value": "#ea5c53",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-dimmed-high-contrast": {
-          "$value": "#ffc1ba",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-protanopia-deuteranopia": {
-          "$value": "#f0883e",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-high-contrast": {
-          "$value": "#ffa198",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-tritanopia-high-contrast": {
-          "$value": "#ffa198",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#ffa657",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        }
-      }
-    },
-    "filePath": "src/tokens/component/button.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{fgColor.danger}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["fgColor"]
-        },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "#FA5E55",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-dimmed": {
-            "$value": "#ea5c53",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-dimmed-high-contrast": {
-            "$value": "{base.color.red.1}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-protanopia-deuteranopia": {
-            "$value": "{fgColor.danger}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-high-contrast": {
-            "$value": "{base.color.red.2}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-tritanopia-high-contrast": {
-            "$value": "{base.color.red.2}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "{base.color.orange.2}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          }
-        }
-      },
-      "key": "{button.danger.fgColor.rest}"
-    },
-    "name": "button-danger-fgColor-rest",
-    "attributes": {},
-    "path": ["button", "danger", "fgColor", "rest"],
-    "value": "#f0883e",
-    "type": "color"
-  },
-  "button-danger-iconColor-hover": {
-    "key": "{button.danger.iconColor.hover}",
-    "$extensions": {
-      "org.primer.figma": {
-        "collection": "mode",
-        "group": "component (internal)",
-        "scopes": ["fgColor"]
-      },
-      "org.primer.overrides": {
-        "dark": {
-          "$value": "#ffffff",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        },
-        "dark-dimmed-high-contrast": {
-          "$value": "#ffffff",
-          "filePath": "src/tokens/component/button.json5",
-          "isSource": true,
-          "$type": "color"
-        }
-      }
-    },
-    "filePath": "src/tokens/component/button.json5",
-    "isSource": true,
-    "original": {
-      "$value": "{base.color.neutral.13}",
-      "$type": "color",
-      "$extensions": {
-        "org.primer.figma": {
-          "collection": "mode",
-          "group": "component (internal)",
-          "scopes": ["fgColor"]
-        },
-        "org.primer.overrides": {
-          "dark": {
-            "$value": "{base.color.neutral.13}",
-            "filePath": "src/tokens/component/button.json5",
-            "isSource": true,
-            "$type": "color"
-          },
-          "dark-dimmed-high-contrast": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -7168,7 +7320,7 @@
     "name": "button-danger-shadow-selected",
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"],
-    "value": "0 0 0 0 #000000",
+    "value": "0 0 0 0 #00000000",
     "type": "shadow"
   },
   "button-default-bgColor-active": {
@@ -7484,6 +7636,35 @@
     "value": "#3d444d",
     "type": "color"
   },
+  "button-default-fgColor-disabled": {
+    "key": "{button.default.fgColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{button.default.fgColor.disabled}"
+    },
+    "name": "button-default-fgColor-disabled",
+    "attributes": {},
+    "path": ["button", "default", "fgColor", "disabled"],
+    "value": "#656c76",
+    "type": "color"
+  },
   "button-default-fgColor-rest": {
     "key": "{button.default.fgColor.rest}",
     "$extensions": {
@@ -7635,7 +7816,7 @@
     "name": "button-default-shadow-resting",
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"],
-    "value": "0 0 0 0 #000000",
+    "value": "0 0 0 0 #00000000",
     "type": "shadow"
   },
   "button-inactive-bgColor": {
@@ -8770,31 +8951,51 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#0d419d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [218.3, 84.7, 33.3],
+            "hex": "#0d419d"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#0d419d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [218.3, 84.7, 33.3],
+            "hex": "#0d419d"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -8820,31 +9021,51 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#0d419d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [218.3, 84.7, 33.3],
+              "hex": "#0d419d"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#0d419d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [218.3, 84.7, 33.3],
+              "hex": "#0d419d"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -8875,7 +9096,11 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#212830",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212, 18.5, 15.9],
+            "hex": "#212830"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -8901,7 +9126,11 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#212830",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212, 18.5, 15.9],
+              "hex": "#212830"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -8932,7 +9161,11 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#262c36",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [217.5, 17.4, 18],
+            "hex": "#262c36"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -8958,7 +9191,11 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#262c36",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [217.5, 17.4, 18],
+              "hex": "#262c36"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9190,7 +9427,12 @@
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#478be680",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.3, 76.1, 59],
+            "hex": "#478be6"
+          },
+          "alpha": 0.502,
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9218,7 +9460,12 @@
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#478be680",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.3, 76.1, 59],
+              "hex": "#478be6"
+            },
+            "alpha": 0.502,
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9430,7 +9677,7 @@
     "name": "button-outline-shadow-selected",
     "attributes": {},
     "path": ["button", "outline", "shadow", "selected"],
-    "value": "0 0 0 0 #000000",
+    "value": "0 0 0 0 #00000000",
     "type": "shadow"
   },
   "button-primary-bgColor-active": {
@@ -9443,13 +9690,21 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#2E9A40",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [130, 54, 39.2],
+            "hex": "#2E9A40"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#428f46",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [123.1, 36.8, 41],
+            "hex": "#428f46"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9461,61 +9716,101 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#3685f3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.9, 88.7, 58.2],
+            "hex": "#3685f3"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#3685f3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.9, 88.7, 58.2],
+            "hex": "#3685f3"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia": {
-          "$value": "#3685f3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.9, 88.7, 58.2],
+            "hex": "#3685f3"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#3685f3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.9, 88.7, 58.2],
+            "hex": "#3685f3"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#109135",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [137.2, 80.1, 31.6],
+            "hex": "#109135"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia": {
-          "$value": "#075fc8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.6, 93.2, 40.6],
+            "hex": "#075fc8"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#075fc8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.6, 93.2, 40.6],
+            "hex": "#075fc8"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia": {
-          "$value": "#075fc8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.6, 93.2, 40.6],
+            "hex": "#075fc8"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#075fc8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.6, 93.2, 40.6],
+            "hex": "#075fc8"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#03501b",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [138.7, 92.8, 16.3],
+            "hex": "#03501b"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9525,7 +9820,11 @@
     "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
-      "$value": "#3685f3",
+      "$value": {
+        "colorSpace": "hsl",
+        "components": [214.9, 88.7, 58.2],
+        "hex": "#3685f3"
+      },
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9535,13 +9834,21 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "#2E9A40",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [130, 54, 39.2],
+              "hex": "#2E9A40"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#428f46",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [123.1, 36.8, 41],
+              "hex": "#428f46"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9553,61 +9860,101 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#3685f3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.9, 88.7, 58.2],
+              "hex": "#3685f3"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#3685f3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.9, 88.7, 58.2],
+              "hex": "#3685f3"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia": {
-            "$value": "#3685f3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.9, 88.7, 58.2],
+              "hex": "#3685f3"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "#3685f3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.9, 88.7, 58.2],
+              "hex": "#3685f3"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "#109135",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [137.2, 80.1, 31.6],
+              "hex": "#109135"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia": {
-            "$value": "#075fc8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.6, 93.2, 40.6],
+              "hex": "#075fc8"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#075fc8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.6, 93.2, 40.6],
+              "hex": "#075fc8"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia": {
-            "$value": "#075fc8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.6, 93.2, 40.6],
+              "hex": "#075fc8"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#075fc8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.6, 93.2, 40.6],
+              "hex": "#075fc8"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#03501b",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [138.7, 92.8, 16.3],
+              "hex": "#03501b"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9632,25 +9979,41 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#105823",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.8, 69.2, 20.4],
+            "hex": "#105823"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#105823",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.8, 69.2, 20.4],
+            "hex": "#105823"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#5fabfe",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [211.3, 98.8, 68.4],
+            "hex": "#5fabfe"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#5fabfe",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [211.3, 98.8, 68.4],
+            "hex": "#5fabfe"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9668,37 +10031,61 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#048f2f",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [138.6, 94.6, 28.8],
+            "hex": "#048f2f"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia": {
-          "$value": "#92caff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [209.2, 100, 78.6],
+            "hex": "#92caff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#92caff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [209.2, 100, 78.6],
+            "hex": "#92caff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia": {
-          "$value": "#92caff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [209.2, 100, 78.6],
+            "hex": "#92caff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#92caff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [209.2, 100, 78.6],
+            "hex": "#92caff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#85cb97",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.4, 40.2, 65.9],
+            "hex": "#85cb97"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9718,25 +10105,41 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "#105823",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.8, 69.2, 20.4],
+              "hex": "#105823"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#105823",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.8, 69.2, 20.4],
+              "hex": "#105823"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#5fabfe",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [211.3, 98.8, 68.4],
+              "hex": "#5fabfe"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#5fabfe",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [211.3, 98.8, 68.4],
+              "hex": "#5fabfe"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9754,37 +10157,61 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "#048f2f",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [138.6, 94.6, 28.8],
+              "hex": "#048f2f"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia": {
-            "$value": "#92caff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [209.2, 100, 78.6],
+              "hex": "#92caff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#92caff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [209.2, 100, 78.6],
+              "hex": "#92caff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia": {
-            "$value": "#92caff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [209.2, 100, 78.6],
+              "hex": "#92caff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#92caff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [209.2, 100, 78.6],
+              "hex": "#92caff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#85cb97",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.4, 40.2, 65.9],
+              "hex": "#85cb97"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9809,13 +10236,21 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#29903B",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [130.5, 55.7, 36.3],
+            "hex": "#29903B"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#3b8640",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [124, 38.9, 37.8],
+            "hex": "#3b8640"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9827,61 +10262,101 @@
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#2a7aef",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.6, 86, 55.1],
+            "hex": "#2a7aef"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#2a7aef",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.6, 86, 55.1],
+            "hex": "#2a7aef"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia": {
-          "$value": "#2a7aef",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.6, 86, 55.1],
+            "hex": "#2a7aef"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#2a7aef",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.6, 86, 55.1],
+            "hex": "#2a7aef"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#08792b",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [138.6, 87.6, 25.3],
+            "hex": "#08792b"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia": {
-          "$value": "#0864d1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.5, 92.6, 42.5],
+            "hex": "#0864d1"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#0864d1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.5, 92.6, 42.5],
+            "hex": "#0864d1"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia": {
-          "$value": "#0864d1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.5, 92.6, 42.5],
+            "hex": "#0864d1"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#0864d1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [212.5, 92.6, 42.5],
+            "hex": "#0864d1"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#04571e",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [138.8, 91.2, 17.8],
+            "hex": "#04571e"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -9891,7 +10366,11 @@
     "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
-      "$value": "#2a7aef",
+      "$value": {
+        "colorSpace": "hsl",
+        "components": [215.6, 86, 55.1],
+        "hex": "#2a7aef"
+      },
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -9901,13 +10380,21 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "#29903B",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [130.5, 55.7, 36.3],
+              "hex": "#29903B"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#3b8640",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [124, 38.9, 37.8],
+              "hex": "#3b8640"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -9919,61 +10406,101 @@
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#2a7aef",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.6, 86, 55.1],
+              "hex": "#2a7aef"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#2a7aef",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.6, 86, 55.1],
+              "hex": "#2a7aef"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia": {
-            "$value": "#2a7aef",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.6, 86, 55.1],
+              "hex": "#2a7aef"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "#2a7aef",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.6, 86, 55.1],
+              "hex": "#2a7aef"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "#08792b",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [138.6, 87.6, 25.3],
+              "hex": "#08792b"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia": {
-            "$value": "#0864d1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.5, 92.6, 42.5],
+              "hex": "#0864d1"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#0864d1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.5, 92.6, 42.5],
+              "hex": "#0864d1"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia": {
-            "$value": "#0864d1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.5, 92.6, 42.5],
+              "hex": "#0864d1"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#0864d1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [212.5, 92.6, 42.5],
+              "hex": "#0864d1"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#04571e",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [138.8, 91.2, 17.8],
+              "hex": "#04571e"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -10084,37 +10611,61 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#105823",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.8, 69.2, 20.4],
+            "hex": "#105823"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#105823",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.8, 69.2, 20.4],
+            "hex": "#105823"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia": {
-          "$value": "#5fabfe",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [211.3, 98.8, 68.4],
+            "hex": "#5fabfe"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#5fabfe",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [211.3, 98.8, 68.4],
+            "hex": "#5fabfe"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia": {
-          "$value": "#1158c7",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 84.3, 42.4],
+            "hex": "#1158c7"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#1158c7",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 84.3, 42.4],
+            "hex": "#1158c7"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -10127,7 +10678,11 @@
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#85cb97",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [135.4, 40.2, 65.9],
+            "hex": "#85cb97"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -10137,7 +10692,11 @@
     "filePath": "src/tokens/component/button.json5",
     "isSource": true,
     "original": {
-      "$value": "#1158c7",
+      "$value": {
+        "colorSpace": "hsl",
+        "components": [216.6, 84.3, 42.4],
+        "hex": "#1158c7"
+      },
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10147,37 +10706,61 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "#105823",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.8, 69.2, 20.4],
+              "hex": "#105823"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#105823",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.8, 69.2, 20.4],
+              "hex": "#105823"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia": {
-            "$value": "#5fabfe",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [211.3, 98.8, 68.4],
+              "hex": "#5fabfe"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#5fabfe",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [211.3, 98.8, 68.4],
+              "hex": "#5fabfe"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia": {
-            "$value": "#1158c7",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 84.3, 42.4],
+              "hex": "#1158c7"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "#1158c7",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 84.3, 42.4],
+              "hex": "#1158c7"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -10190,7 +10773,11 @@
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#85cb97",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [135.4, 40.2, 65.9],
+              "hex": "#85cb97"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -10430,13 +11017,21 @@
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -10462,13 +11057,21 @@
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -10483,6 +11086,35 @@
     "value": "#ffffff",
     "type": "color"
   },
+  "button-primary-iconColor-disabled": {
+    "key": "{button.primary.iconColor.disabled}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/button.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{button.primary.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      },
+      "key": "{button.primary.iconColor.disabled}"
+    },
+    "name": "button-primary-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "primary", "iconColor", "disabled"],
+    "value": "#ffffff66",
+    "type": "color"
+  },
   "button-primary-iconColor-rest": {
     "key": "{button.primary.iconColor.rest}",
     "$extensions": {
@@ -10506,13 +11138,21 @@
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#ffffff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [0, 0, 100],
+            "hex": "#ffffff"
+          },
           "filePath": "src/tokens/component/button.json5",
           "isSource": true,
           "$type": "color"
@@ -10545,13 +11185,21 @@
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#ffffff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [0, 0, 100],
+              "hex": "#ffffff"
+            },
             "filePath": "src/tokens/component/button.json5",
             "isSource": true,
             "$type": "color"
@@ -10784,7 +11432,7 @@
     "name": "button-primary-shadow-selected",
     "attributes": {},
     "path": ["button", "primary", "shadow", "selected"],
-    "value": "0 0 0 0 #000000",
+    "value": "0 0 0 0 #00000000",
     "type": "shadow"
   },
   "button-star-iconColor": {
@@ -16924,7 +17572,11 @@
       "org.primer.overrides": {
         "dark": "#3d444d",
         "dark-dimmed": {
-          "$value": "#3d444d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [213.8, 11.6, 27.1],
+            "hex": "#3d444d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -16945,7 +17597,11 @@
         "org.primer.overrides": {
           "dark": "{borderColor.default}",
           "dark-dimmed": {
-            "$value": "#3d444d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [213.8, 11.6, 27.1],
+              "hex": "#3d444d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17076,49 +17732,81 @@
       "org.primer.overrides": {
         "dark": "#3685F3",
         "dark-high-contrast": {
-          "$value": "#3c79d0",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.3, 61.2, 52.5],
+            "hex": "#3c79d0"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#3c79d0",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.3, 61.2, 52.5],
+            "hex": "#3c79d0"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#3c79d0",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.3, 61.2, 52.5],
+            "hex": "#3c79d0"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#3f7fdb",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.4, 68.4, 55.3],
+            "hex": "#3f7fdb"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#3c79d0",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.3, 61.2, 52.5],
+            "hex": "#3c79d0"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17139,49 +17827,81 @@
         "org.primer.overrides": {
           "dark": "#3685F3",
           "dark-high-contrast": {
-            "$value": "#3c79d0",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.3, 61.2, 52.5],
+              "hex": "#3c79d0"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "#3c79d0",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.3, 61.2, 52.5],
+              "hex": "#3c79d0"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#3c79d0",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.3, 61.2, 52.5],
+              "hex": "#3c79d0"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#3f7fdb",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.4, 68.4, 55.3],
+              "hex": "#3f7fdb"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#3c79d0",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.3, 61.2, 52.5],
+              "hex": "#3c79d0"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17242,49 +17962,81 @@
       "org.primer.overrides": {
         "dark": "#2A7AEF",
         "dark-high-contrast": {
-          "$value": "#2b64c1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [217.2, 63.6, 46.3],
+            "hex": "#2b64c1"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#2b64c1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [217.2, 63.6, 46.3],
+            "hex": "#2b64c1"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#2b64c1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [217.2, 63.6, 46.3],
+            "hex": "#2b64c1"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#3876d3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216, 63.8, 52.4],
+            "hex": "#3876d3"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#2b64c1",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [217.2, 63.6, 46.3],
+            "hex": "#2b64c1"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17305,49 +18057,81 @@
         "org.primer.overrides": {
           "dark": "#2A7AEF",
           "dark-high-contrast": {
-            "$value": "#2b64c1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [217.2, 63.6, 46.3],
+              "hex": "#2b64c1"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#2b64c1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [217.2, 63.6, 46.3],
+              "hex": "#2b64c1"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "#2b64c1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [217.2, 63.6, 46.3],
+              "hex": "#2b64c1"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#3876d3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216, 63.8, 52.4],
+              "hex": "#3876d3"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#2b64c1",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [217.2, 63.6, 46.3],
+              "hex": "#2b64c1"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17426,7 +18210,11 @@
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#3f7fdb",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.4, 68.4, 55.3],
+            "hex": "#3f7fdb"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17438,19 +18226,31 @@
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#033f9d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.6, 96.3, 31.4],
+            "hex": "#033f9d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17489,7 +18289,11 @@
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#3f7fdb",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.4, 68.4, 55.3],
+              "hex": "#3f7fdb"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17501,19 +18305,31 @@
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#033f9d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.6, 96.3, 31.4],
+              "hex": "#033f9d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17592,7 +18408,11 @@
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#3876d3",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216, 63.8, 52.4],
+            "hex": "#3876d3"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17604,19 +18424,31 @@
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-protanopia-deuteranopia-high-contrast": {
-          "$value": "#0344a8",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [216.4, 96.5, 33.5],
+            "hex": "#0344a8"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17655,7 +18487,11 @@
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#3876d3",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216, 63.8, 52.4],
+              "hex": "#3876d3"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17667,19 +18503,31 @@
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-protanopia-deuteranopia-high-contrast": {
-            "$value": "#0344a8",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [216.4, 96.5, 33.5],
+              "hex": "#0344a8"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -17871,21 +18719,33 @@
           "$type": "color"
         },
         "dark-high-contrast": {
-          "$value": "#c51120",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [355, 84.1, 42],
+            "hex": "#c51120"
+          },
           "alpha": 1,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#c51120",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [355, 84.1, 42],
+            "hex": "#c51120"
+          },
           "alpha": 1,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#c51120",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [355, 84.1, 42],
+            "hex": "#c51120"
+          },
           "alpha": 1,
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
@@ -17898,13 +18758,21 @@
           "$type": "color"
         },
         "light-high-contrast": {
-          "$value": "#8c0b1d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [351.6, 85.4, 29.6],
+            "hex": "#8c0b1d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "light-tritanopia-high-contrast": {
-          "$value": "#8c0b1d",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [351.6, 85.4, 29.6],
+            "hex": "#8c0b1d"
+          },
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -17945,21 +18813,33 @@
             "$type": "color"
           },
           "dark-high-contrast": {
-            "$value": "#c51120",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [355, 84.1, 42],
+              "hex": "#c51120"
+            },
             "alpha": 1,
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "#c51120",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [355, 84.1, 42],
+              "hex": "#c51120"
+            },
             "alpha": 1,
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "#c51120",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [355, 84.1, 42],
+              "hex": "#c51120"
+            },
             "alpha": 1,
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
@@ -17972,13 +18852,21 @@
             "$type": "color"
           },
           "light-high-contrast": {
-            "$value": "#8c0b1d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [351.6, 85.4, 29.6],
+              "hex": "#8c0b1d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "light-tritanopia-high-contrast": {
-            "$value": "#8c0b1d",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [351.6, 85.4, 29.6],
+              "hex": "#8c0b1d"
+            },
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -47399,14 +48287,22 @@
       },
       "org.primer.overrides": {
         "dark": {
-          "$value": "#3a8cfd",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [214.8, 98, 61],
+            "hex": "#3a8cfd"
+          },
           "alpha": 0.36,
           "filePath": "src/tokens/component/reactionButton.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#4285e5",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [215.3, 75.8, 57.8],
+            "hex": "#4285e5"
+          },
           "alpha": 0.36,
           "filePath": "src/tokens/component/reactionButton.json5",
           "isSource": true,
@@ -47414,7 +48310,11 @@
         },
         "light-high-contrast": "#c7e9ff",
         "dark-high-contrast": {
-          "$value": "#5dadff",
+          "$value": {
+            "colorSpace": "hsl",
+            "components": [210.4, 100, 68.2],
+            "hex": "#5dadff"
+          },
           "alpha": 0.36,
           "filePath": "src/tokens/component/reactionButton.json5",
           "isSource": true,
@@ -47426,7 +48326,11 @@
     "isSource": true,
     "alpha": 0.36,
     "original": {
-      "$value": "#3a8cfd",
+      "$value": {
+        "colorSpace": "hsl",
+        "components": [214.8, 98, 61],
+        "hex": "#3a8cfd"
+      },
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -47436,14 +48340,22 @@
         },
         "org.primer.overrides": {
           "dark": {
-            "$value": "#3a8cfd",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [214.8, 98, 61],
+              "hex": "#3a8cfd"
+            },
             "alpha": 0.36,
             "filePath": "src/tokens/component/reactionButton.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "#4285e5",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [215.3, 75.8, 57.8],
+              "hex": "#4285e5"
+            },
             "alpha": 0.36,
             "filePath": "src/tokens/component/reactionButton.json5",
             "isSource": true,
@@ -47451,7 +48363,11 @@
           },
           "light-high-contrast": "#c7e9ff",
           "dark-high-contrast": {
-            "$value": "#5dadff",
+            "$value": {
+              "colorSpace": "hsl",
+              "components": [210.4, 100, 68.2],
+              "hex": "#5dadff"
+            },
             "alpha": 0.36,
             "filePath": "src/tokens/component/reactionButton.json5",
             "isSource": true,
@@ -47784,6 +48700,147 @@
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
+        },
+        "light-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.24,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 40,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 80,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.24,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 40,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 80,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.24,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 40,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 80,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
         }
       },
       "org.primer.llm": {
@@ -47890,6 +48947,147 @@
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
+          },
+          "light-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.24,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 40,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 80,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.24,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 40,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 80,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.24,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 40,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 80,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
           }
         },
         "org.primer.llm": {
@@ -48190,6 +49388,327 @@
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
+        },
+        "light-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 8,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 16,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 4,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 32,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 24,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 48,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -12,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 48,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 96,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -24,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 8,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 16,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 4,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 32,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 24,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 48,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -12,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 48,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 96,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -24,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 8,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 16,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 4,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 32,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 24,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 48,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -12,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.08,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 48,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 96,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -24,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
         }
       },
       "org.primer.llm": {
@@ -48416,6 +49935,327 @@
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
+          },
+          "light-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 8,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 16,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 4,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 32,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 24,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -12,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 96,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -24,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 8,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 16,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 4,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 32,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 24,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -12,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 96,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -24,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 8,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 16,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 4,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 32,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 24,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -12,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.08,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 96,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -24,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
           }
         },
         "org.primer.llm": {
@@ -48722,6 +50562,147 @@
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
+        },
+        "light-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.32,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 56,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 112,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-protanopia-deuteranopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.32,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 56,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 112,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
+        },
+        "light-tritanopia-high-contrast": {
+          "$value": [
+            {
+              "color": "#3d444db3",
+              "alpha": 1,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
+            },
+            {
+              "color": "#f0f6fc",
+              "alpha": 0.32,
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 56,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 112,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
+            }
+          ],
+          "filePath": "src/tokens/functional/shadow/shadow.json5",
+          "isSource": true,
+          "$type": "shadow"
         }
       },
       "org.primer.llm": {
@@ -48828,6 +50809,147 @@
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
+          },
+          "light-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.32,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 56,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 112,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-protanopia-deuteranopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.32,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 56,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 112,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
+          },
+          "light-tritanopia-high-contrast": {
+            "$value": [
+              {
+                "color": "{overlay.borderColor}",
+                "alpha": 1,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
+              },
+              {
+                "color": "{base.color.neutral.12}",
+                "alpha": 0.32,
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 56,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 112,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
+              }
+            ],
+            "filePath": "src/tokens/functional/shadow/shadow.json5",
+            "isSource": true,
+            "$type": "shadow"
           }
         },
         "org.primer.llm": {