@primer/primitives 11.4.0 → 11.4.1-rc.24c79953

package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json

@@ -167,7 +167,7 @@
   },
   "avatar-shadow": {
     "key": "{avatar.shadow}",
-    "$value": "0px 0px 0px 2px #0d1117",
+    "$value": "0 0 0 2px #0d1117",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -180,10 +180,22 @@
             {
               "color": "#0d1117",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "2px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 2,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/component/avatar.json5",
@@ -199,10 +211,22 @@
         {
           "color": "{base.color.neutral.1}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "2px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 2,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
@@ -217,10 +241,22 @@
               {
                 "color": "{base.color.neutral.1}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "2px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 2,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/component/avatar.json5",
@@ -552,6 +588,10 @@
       },
       "org.primer.overrides": {
         "dark": "#010409"
+      },
+      "org.primer.llm": {
+        "doNotUse": true,
+        "rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -568,6 +608,10 @@
         },
         "org.primer.overrides": {
           "dark": "{base.color.neutral.0}"
+        },
+        "org.primer.llm": {
+          "doNotUse": true,
+          "rules": "Avoid using raw black. Use semantic alternatives: bgColor.emphasis for dark backgrounds, bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
         }
       },
       "key": "{bgColor.black}"
@@ -2458,6 +2502,10 @@
       },
       "org.primer.overrides": {
         "dark": "#ffffff"
+      },
+      "org.primer.llm": {
+        "doNotUse": true,
+        "rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
       }
     },
     "filePath": "src/tokens/functional/color/bgColor.json5",
@@ -2474,6 +2522,10 @@
         },
         "org.primer.overrides": {
           "dark": "{base.color.neutral.13}"
+        },
+        "org.primer.llm": {
+          "doNotUse": true,
+          "rules": "Avoid using raw white. Use semantic alternatives: bgColor.default for standard backgrounds, bgColor.inset for recessed areas, or bgColor.inverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
         }
       },
       "key": "{bgColor.white}"
@@ -2484,7 +2536,11 @@
   },
   "border-accent-emphasis": {
     "key": "{border.accent.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #409eff",
+    "$value": {
+      "color": "#409eff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2503,7 +2559,11 @@
   },
   "border-accent-muted": {
     "key": "{border.accent.muted}",
-    "$value": "0.00390625rem,0.0625px solid #5cacff",
+    "$value": {
+      "color": "#5cacff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2522,7 +2582,11 @@
   },
   "border-attention-emphasis": {
     "key": "{border.attention.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #e09b13",
+    "$value": {
+      "color": "#e09b13",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2541,7 +2605,11 @@
   },
   "border-attention-muted": {
     "key": "{border.attention.muted}",
-    "$value": "0.00390625rem,0.0625px solid #edaa27",
+    "$value": {
+      "color": "#edaa27",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2560,7 +2628,11 @@
   },
   "border-closed-emphasis": {
     "key": "{border.closed.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #e7811d",
+    "$value": {
+      "color": "#e7811d",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2575,7 +2647,11 @@
   },
   "border-closed-muted": {
     "key": "{border.closed.muted}",
-    "$value": "0.00390625rem,0.0625px solid #f48b25",
+    "$value": {
+      "color": "#f48b25",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2590,7 +2666,11 @@
   },
   "border-danger-emphasis": {
     "key": "{border.danger.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #e7811d",
+    "$value": {
+      "color": "#e7811d",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2609,7 +2689,11 @@
   },
   "border-danger-muted": {
     "key": "{border.danger.muted}",
-    "$value": "0.00390625rem,0.0625px solid #f48b25",
+    "$value": {
+      "color": "#f48b25",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2628,7 +2712,11 @@
   },
   "border-default": {
     "key": "{border.default}",
-    "$value": "0.00390625rem,0.0625px solid #b7bdc8",
+    "$value": {
+      "color": "#b7bdc8",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2647,7 +2735,11 @@
   },
   "border-disabled": {
     "key": "{border.disabled}",
-    "$value": "0.00390625rem,0.0625px solid #656c761a",
+    "$value": {
+      "color": "#656c761a",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2666,7 +2758,11 @@
   },
   "border-done-emphasis": {
     "key": "{border.done.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #b87fff",
+    "$value": {
+      "color": "#b87fff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2685,7 +2781,11 @@
   },
   "border-done-muted": {
     "key": "{border.done.muted}",
-    "$value": "0.00390625rem,0.0625px solid #bf8fff",
+    "$value": {
+      "color": "#bf8fff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2704,7 +2804,11 @@
   },
   "border-emphasis": {
     "key": "{border.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #b7bdc8",
+    "$value": {
+      "color": "#b7bdc8",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2723,7 +2827,11 @@
   },
   "border-muted": {
     "key": "{border.muted}",
-    "$value": "0.00390625rem,0.0625px solid #b7bdc8",
+    "$value": {
+      "color": "#b7bdc8",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2742,7 +2850,11 @@
   },
   "border-neutral-emphasis": {
     "key": "{border.neutral.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #b7bdc8",
+    "$value": {
+      "color": "#b7bdc8",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2761,7 +2873,11 @@
   },
   "border-neutral-muted": {
     "key": "{border.neutral.muted}",
-    "$value": "0.00390625rem,0.0625px solid #b7bdc8",
+    "$value": {
+      "color": "#b7bdc8",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2780,7 +2896,11 @@
   },
   "border-open-emphasis": {
     "key": "{border.open.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #409eff",
+    "$value": {
+      "color": "#409eff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2795,7 +2915,11 @@
   },
   "border-open-muted": {
     "key": "{border.open.muted}",
-    "$value": "0.00390625rem,0.0625px solid #5cacff",
+    "$value": {
+      "color": "#5cacff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2810,7 +2934,11 @@
   },
   "border-severe-emphasis": {
     "key": "{border.severe.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #e7811d",
+    "$value": {
+      "color": "#e7811d",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2829,7 +2957,11 @@
   },
   "border-severe-muted": {
     "key": "{border.severe.muted}",
-    "$value": "0.00390625rem,0.0625px solid #e7811d",
+    "$value": {
+      "color": "#e7811d",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2848,7 +2980,11 @@
   },
   "border-sponsors-emphasis": {
     "key": "{border.sponsors.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #ef6eb1",
+    "$value": {
+      "color": "#ef6eb1",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2867,7 +3003,11 @@
   },
   "border-sponsors-muted": {
     "key": "{border.sponsors.muted}",
-    "$value": "0.00390625rem,0.0625px solid #f87cbd",
+    "$value": {
+      "color": "#f87cbd",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2886,7 +3026,11 @@
   },
   "border-success-emphasis": {
     "key": "{border.success.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #409eff",
+    "$value": {
+      "color": "#409eff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2905,7 +3049,11 @@
   },
   "border-success-muted": {
     "key": "{border.success.muted}",
-    "$value": "0.00390625rem,0.0625px solid #5cacff",
+    "$value": {
+      "color": "#5cacff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2924,7 +3072,11 @@
   },
   "border-transparent": {
     "key": "{border.transparent}",
-    "$value": "0.00390625rem,0.0625px solid #00000000",
+    "$value": {
+      "color": "#00000000",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2943,7 +3095,11 @@
   },
   "border-upsell-emphasis": {
     "key": "{border.upsell.emphasis}",
-    "$value": "0.00390625rem,0.0625px solid #b87fff",
+    "$value": {
+      "color": "#b87fff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -2962,7 +3118,11 @@
   },
   "border-upsell-muted": {
     "key": "{border.upsell.muted}",
-    "$value": "0.00390625rem,0.0625px solid #bf8fff",
+    "$value": {
+      "color": "#bf8fff",
+      "style": "solid",
+      "width": ["0.0625rem", "1px"]
+    },
     "$type": "border",
     "filePath": "src/tokens/functional/border/border.json5",
     "isSource": true,
@@ -6956,7 +7116,7 @@
   },
   "button-danger-shadow-selected": {
     "key": "{button.danger.shadow.selected}",
-    "$value": "0px 0px 0px 0px #000000",
+    "$value": "0 0 0 0 #000000",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -6969,10 +7129,22 @@
             {
               "color": "#8f3c00",
               "alpha": 0.2,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": true
             }
           ],
@@ -6985,10 +7157,22 @@
             {
               "color": "#00000000",
               "alpha": 0,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             }
           ],
@@ -7005,10 +7189,22 @@
         {
           "color": "{base.color.transparent}",
           "alpha": 0,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         }
       ],
@@ -7024,10 +7220,22 @@
               {
                 "color": "{base.color.orange.9}",
                 "alpha": 0.2,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": true
               }
             ],
@@ -7040,10 +7248,22 @@
               {
                 "color": "{base.color.transparent}",
                 "alpha": 0,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               }
             ],
@@ -7419,7 +7639,7 @@
   },
   "button-default-shadow-resting": {
     "key": "{button.default.shadow.resting}",
-    "$value": "0px 0px 0px 0px #000000",
+    "$value": "0 0 0 0 #000000",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -7432,10 +7652,22 @@
             {
               "color": "#00000000",
               "alpha": 0,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             }
           ],
@@ -7452,10 +7684,22 @@
         {
           "color": "{base.color.transparent}",
           "alpha": 0,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         }
       ],
@@ -7471,10 +7715,22 @@
               {
                 "color": "{base.color.transparent}",
                 "alpha": 0,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               }
             ],
@@ -9182,7 +9438,7 @@
   },
   "button-outline-shadow-selected": {
     "key": "{button.outline.shadow.selected}",
-    "$value": "0px 0px 0px 0px #000000",
+    "$value": "0 0 0 0 #000000",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -9195,10 +9451,22 @@
             {
               "color": "#00000000",
               "alpha": 0,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             }
           ],
@@ -9215,10 +9483,22 @@
         {
           "color": "{base.color.transparent}",
           "alpha": 0,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         }
       ],
@@ -9234,10 +9514,22 @@
               {
                 "color": "{base.color.transparent}",
                 "alpha": 0,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               }
             ],
@@ -10390,7 +10682,7 @@
   },
   "button-primary-shadow-selected": {
     "key": "{button.primary.shadow.selected}",
-    "$value": "0px 0px 0px 0px #000000",
+    "$value": "0 0 0 0 #000000",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -10403,10 +10695,22 @@
             {
               "color": "#194fb1",
               "alpha": 0.3,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": true
             }
           ],
@@ -10419,10 +10723,22 @@
             {
               "color": "#194fb1",
               "alpha": 0.3,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": true
             }
           ],
@@ -10435,10 +10751,22 @@
             {
               "color": "#00000000",
               "alpha": 0,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             }
           ],
@@ -10455,10 +10783,22 @@
         {
           "color": "{base.color.transparent}",
           "alpha": 0,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         }
       ],
@@ -10474,10 +10814,22 @@
               {
                 "color": "{base.color.blue.9}",
                 "alpha": 0.3,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": true
               }
             ],
@@ -10490,10 +10842,22 @@
               {
                 "color": "{base.color.blue.9}",
                 "alpha": 0.3,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": true
               }
             ],
@@ -10506,10 +10870,22 @@
               {
                 "color": "{base.color.transparent}",
                 "alpha": 0,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               }
             ],
@@ -37256,6 +37632,10 @@
       },
       "org.primer.overrides": {
         "dark": "#010409"
+      },
+      "org.primer.llm": {
+        "doNotUse": true,
+        "rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
       }
     },
     "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -37272,6 +37652,10 @@
         },
         "org.primer.overrides": {
           "dark": "{base.color.neutral.0}"
+        },
+        "org.primer.llm": {
+          "doNotUse": true,
+          "rules": "Avoid using raw black. Use semantic alternatives: fgColor.default for standard text, fgColor.muted for secondary text. Raw black/white ignore theme preferences and accessibility settings."
         }
       },
       "key": "{fgColor.black}"
@@ -38245,6 +38629,10 @@
       },
       "org.primer.overrides": {
         "dark": "#ffffff"
+      },
+      "org.primer.llm": {
+        "doNotUse": true,
+        "rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
       }
     },
     "filePath": "src/tokens/functional/color/fgColor.json5",
@@ -38261,6 +38649,10 @@
         },
         "org.primer.overrides": {
           "dark": "{base.color.neutral.13}"
+        },
+        "org.primer.llm": {
+          "doNotUse": true,
+          "rules": "Avoid using raw white. Use semantic alternatives: fgColor.onEmphasis for text on dark backgrounds, fgColor.onInverse for inverted contexts. Raw black/white ignore theme preferences and accessibility settings."
         }
       },
       "key": "{fgColor.white}"
@@ -38286,7 +38678,10 @@
       "$value": {
         "color": "{focus.outlineColor}",
         "style": "solid",
-        "width": "2px"
+        "width": {
+          "value": 2,
+          "unit": "px"
+        }
       },
       "$type": "border",
       "$description": "Focus ring outline for keyboard navigation and accessibility.",
@@ -47445,7 +47840,7 @@
   },
   "shadow-floating-large": {
     "key": "{shadow.floating.large}",
-    "$value": "0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409",
+    "$value": "0 0 0 1px #b7bdc8, 0 24px 48px 0 #010409",
     "$type": "shadow",
     "$description": "Large floating shadow for modals and dialogs",
     "$extensions": {
@@ -47459,18 +47854,42 @@
             {
               "color": "#b7bdc8",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "1px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "24px",
-              "blur": "48px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 24,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 48,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47490,18 +47909,42 @@
         {
           "color": "{overlay.borderColor}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "1px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 1,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "24px",
-          "blur": "48px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 24,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 48,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
@@ -47517,18 +47960,42 @@
               {
                 "color": "{overlay.borderColor}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "1px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "24px",
-                "blur": "48px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 24,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47549,8 +48016,9 @@
   },
   "shadow-floating-legacy": {
     "key": "{shadow.floating.legacy}",
-    "$value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "$value": "0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
     "$type": "shadow",
+    "$description": "Legacy floating shadow for backward compatibility",
     "$extensions": {
       "org.primer.figma": {},
       "org.primer.overrides": {
@@ -47559,24 +48027,52 @@
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "6px",
-              "blur": "12px",
-              "spread": "-3px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 6,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 12,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -3,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "6px",
-              "blur": "18px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 6,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 18,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["legacy-component", "backward-compatibility"],
+        "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47586,21 +48082,46 @@
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "6px",
-          "blur": "12px",
-          "spread": "-3px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 12,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -3,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "6px",
-          "blur": "18px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 18,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
+      "$description": "Legacy floating shadow for backward compatibility",
       "$extensions": {
         "org.primer.figma": {},
         "org.primer.overrides": {
@@ -47609,24 +48130,52 @@
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "6px",
-                "blur": "12px",
-                "spread": "-3px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 6,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 12,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -3,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "6px",
-                "blur": "18px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 6,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 18,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["legacy-component", "backward-compatibility"],
+          "rules": "DEPRECATED: Use shadow-floating-small instead. Only use for maintaining backward compatibility with existing implementations."
         }
       },
       "key": "{shadow.floating.legacy}"
@@ -47637,8 +48186,9 @@
   },
   "shadow-floating-medium": {
     "key": "{shadow.floating.medium}",
-    "$value": "0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
+    "$value": "0 0 0 1px #b7bdc8, 0 8px 16px -4px #01040966, 0 4px 32px -4px #01040966, 0 24px 48px -12px #01040966, 0 48px 96px -24px #01040966",
     "$type": "shadow",
+    "$description": "Medium floating shadow for popovers and action menus",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -47650,48 +48200,112 @@
             {
               "color": "#b7bdc8",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "1px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "8px",
-              "blur": "16px",
-              "spread": "-4px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 8,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 16,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "4px",
-              "blur": "32px",
-              "spread": "-4px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 4,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 32,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -4,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "24px",
-              "blur": "48px",
-              "spread": "-12px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 24,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 48,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -12,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "48px",
-              "blur": "96px",
-              "spread": "-24px"
+              "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": {
+        "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
+        "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47701,45 +48315,106 @@
         {
           "color": "{overlay.borderColor}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "1px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 1,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "8px",
-          "blur": "16px",
-          "spread": "-4px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 8,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 16,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -4,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "4px",
-          "blur": "32px",
-          "spread": "-4px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 4,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 32,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -4,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "24px",
-          "blur": "48px",
-          "spread": "-12px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 24,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 48,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -12,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "48px",
-          "blur": "96px",
-          "spread": "-24px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 48,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 96,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -24,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
+      "$description": "Medium floating shadow for popovers and action menus",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -47751,48 +48426,112 @@
               {
                 "color": "{overlay.borderColor}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "1px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "8px",
-                "blur": "16px",
-                "spread": "-4px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 8,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 16,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "4px",
-                "blur": "32px",
-                "spread": "-4px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 4,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 32,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -4,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "24px",
-                "blur": "48px",
-                "spread": "-12px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 24,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 48,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -12,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "48px",
-                "blur": "96px",
-                "spread": "-24px"
+                "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": {
+          "usage": ["popover", "action-menu", "select-panel", "autocomplete"],
+          "rules": "Use for medium-sized floating elements like popovers and action menus. More prominent than small but less than dialogs. Do NOT use for full modals."
         }
       },
       "key": "{shadow.floating.medium}"
@@ -47803,7 +48542,7 @@
   },
   "shadow-floating-small": {
     "key": "{shadow.floating.small}",
-    "$value": "0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "$value": "0 0 0 1px #b7bdc8, 0 6px 12px -3px #01040966, 0 6px 18px 0 #01040966",
     "$type": "shadow",
     "$description": "Small floating shadow for dropdowns, tooltips, and small overlays",
     "$extensions": {
@@ -47817,26 +48556,62 @@
             {
               "color": "#b7bdc8",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "1px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "6px",
-              "blur": "12px",
-              "spread": "-3px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 6,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 12,
+                "unit": "px"
+              },
+              "spread": {
+                "value": -3,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "6px",
-              "blur": "18px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 6,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 18,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47856,26 +48631,62 @@
         {
           "color": "{overlay.borderColor}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "1px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 1,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "6px",
-          "blur": "12px",
-          "spread": "-3px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 12,
+            "unit": "px"
+          },
+          "spread": {
+            "value": -3,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "6px",
-          "blur": "18px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 6,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 18,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
@@ -47891,26 +48702,62 @@
               {
                 "color": "{overlay.borderColor}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "1px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "6px",
-                "blur": "12px",
-                "spread": "-3px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 6,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 12,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": -3,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "6px",
-                "blur": "18px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 6,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 18,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47931,8 +48778,9 @@
   },
   "shadow-floating-xlarge": {
     "key": "{shadow.floating.xlarge}",
-    "$value": "0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409",
+    "$value": "0 0 0 1px #b7bdc8, 0 32px 64px 0 #010409",
     "$type": "shadow",
+    "$description": "Extra large floating shadow for full-screen overlays and sheets",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -47944,24 +48792,52 @@
             {
               "color": "#b7bdc8",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "0px",
-              "blur": "0px",
-              "spread": "1px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 0,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 1,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 1,
-              "offsetX": "0px",
-              "offsetY": "32px",
-              "blur": "64px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 32,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 64,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
+        "rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -47971,21 +48847,46 @@
         {
           "color": "{overlay.borderColor}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "0px",
-          "blur": "0px",
-          "spread": "1px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 0,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 0,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 1,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 1,
-          "offsetX": "0px",
-          "offsetY": "32px",
-          "blur": "64px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 32,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 64,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
+      "$description": "Extra large floating shadow for full-screen overlays and sheets",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -47997,24 +48898,52 @@
               {
                 "color": "{overlay.borderColor}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "0px",
-                "blur": "0px",
-                "spread": "1px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 1,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 1,
-                "offsetX": "0px",
-                "offsetY": "32px",
-                "blur": "64px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 32,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 64,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["full-screen-overlay", "side-sheet", "drawer", "large-modal"],
+          "rules": "Use for full-screen or near-full-screen overlays like side sheets and drawers. Maximum elevation in the system. Do NOT use for small floating elements."
         }
       },
       "key": "{shadow.floating.xlarge}"
@@ -48025,8 +48954,9 @@
   },
   "shadow-inset": {
     "key": "{shadow.inset}",
-    "$value": "inset 0px 1px 0px 0px #0104093d",
+    "$value": "inset 0 1px 0 0 #0104093d",
     "$type": "shadow",
+    "$description": "Inset shadow for recessed elements",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -48037,16 +48967,32 @@
           "$value": {
             "color": "#010409",
             "alpha": 0.24,
-            "offsetX": "0px",
-            "offsetY": "1px",
-            "blur": "0px",
-            "spread": "0px",
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 1,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 0,
+              "unit": "px"
+            },
+            "spread": {
+              "value": 0,
+              "unit": "px"
+            },
             "inset": true
           },
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["input-field", "pressed-button", "recessed-area", "well"],
+        "rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -48055,13 +49001,26 @@
       "$value": {
         "color": "{base.color.neutral.0}",
         "alpha": 0.24,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
+        "offsetX": {
+          "value": 0,
+          "unit": "px"
+        },
+        "offsetY": {
+          "value": 1,
+          "unit": "px"
+        },
+        "blur": {
+          "value": 0,
+          "unit": "px"
+        },
+        "spread": {
+          "value": 0,
+          "unit": "px"
+        },
         "inset": true
       },
       "$type": "shadow",
+      "$description": "Inset shadow for recessed elements",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -48072,16 +49031,32 @@
             "$value": {
               "color": "{base.color.neutral.0}",
               "alpha": 0.24,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "0px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 0,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": true
             },
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["input-field", "pressed-button", "recessed-area", "well"],
+          "rules": "Use for elements that appear pressed or inset into the surface. Commonly used for input fields and wells. Do NOT use for floating elements."
         }
       },
       "key": "{shadow.inset}"
@@ -48092,8 +49067,9 @@
   },
   "shadow-resting-medium": {
     "key": "{shadow.resting.medium}",
-    "$value": "0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc",
+    "$value": "0 1px 1px 0 #01040966, 0 3px 6px 0 #010409cc",
     "$type": "shadow",
+    "$description": "Medium resting shadow for cards and elevated surfaces",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -48105,24 +49081,52 @@
             {
               "color": "#010409",
               "alpha": 0.4,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "1px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 1,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             },
             {
               "color": "#010409",
               "alpha": 0.8,
-              "offsetX": "0px",
-              "offsetY": "3px",
-              "blur": "6px",
-              "spread": "0px"
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 3,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 6,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              }
             }
           ],
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
+        "rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -48132,21 +49136,46 @@
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.4,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "1px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 1,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.8,
-          "offsetX": "0px",
-          "offsetY": "3px",
-          "blur": "6px",
-          "spread": "0px"
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 3,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 6,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          }
         }
       ],
       "$type": "shadow",
+      "$description": "Medium resting shadow for cards and elevated surfaces",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -48158,24 +49187,52 @@
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.4,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "1px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.8,
-                "offsetX": "0px",
-                "offsetY": "3px",
-                "blur": "6px",
-                "spread": "0px"
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 3,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 6,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                }
               }
             ],
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["card", "panel", "elevated-surface", "elevated-sidebar"],
+          "rules": "Use for cards and content panels that sit above the page surface. Provides moderate elevation without appearing to float. Do NOT use for overlays or modals."
         }
       },
       "key": "{shadow.resting.medium}"
@@ -48186,8 +49243,9 @@
   },
   "shadow-resting-small": {
     "key": "{shadow.resting.small}",
-    "$value": "0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999",
+    "$value": "0 1px 1px 0 #01040999, 0 1px 3px 0 #01040999",
     "$type": "shadow",
+    "$description": "Small resting shadow for buttons and interactive elements",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -48199,19 +49257,43 @@
             {
               "color": "#010409",
               "alpha": 0.6,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "1px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 1,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             },
             {
               "color": "#010409",
               "alpha": 0.6,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "3px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 3,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             }
           ],
@@ -48219,6 +49301,10 @@
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["button", "interactive-card", "clickable-element"],
+        "rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -48228,23 +49314,48 @@
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.6,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "1px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 1,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         },
         {
           "color": "{base.color.neutral.0}",
           "alpha": 0.6,
-          "offsetX": "0px",
-          "offsetY": "1px",
-          "blur": "3px",
-          "spread": "0px",
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 3,
+            "unit": "px"
+          },
+          "spread": {
+            "value": 0,
+            "unit": "px"
+          },
           "inset": false
         }
       ],
       "$type": "shadow",
+      "$description": "Small resting shadow for buttons and interactive elements",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -48256,19 +49367,43 @@
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.6,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "1px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               },
               {
                 "color": "{base.color.neutral.0}",
                 "alpha": 0.6,
-                "offsetX": "0px",
-                "offsetY": "1px",
-                "blur": "3px",
-                "spread": "0px",
+                "offsetX": {
+                  "value": 0,
+                  "unit": "px"
+                },
+                "offsetY": {
+                  "value": 1,
+                  "unit": "px"
+                },
+                "blur": {
+                  "value": 3,
+                  "unit": "px"
+                },
+                "spread": {
+                  "value": 0,
+                  "unit": "px"
+                },
                 "inset": false
               }
             ],
@@ -48276,6 +49411,10 @@
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["button", "interactive-card", "clickable-element"],
+          "rules": "Use for buttons and small interactive elements at rest. Provides subtle depth and clickable affordance. RECOMMENDED for default button shadows."
         }
       },
       "key": "{shadow.resting.small}"
@@ -48286,8 +49425,9 @@
   },
   "shadow-resting-xsmall": {
     "key": "{shadow.resting.xsmall}",
-    "$value": "0px 1px 1px 0px #010409cc",
+    "$value": "0 1px 1px 0 #010409cc",
     "$type": "shadow",
+    "$description": "Extra small resting shadow for minimal elevation",
     "$extensions": {
       "org.primer.figma": {
         "collection": "mode",
@@ -48298,16 +49438,32 @@
           "$value": {
             "color": "#010409",
             "alpha": 0.8,
-            "offsetX": "0px",
-            "offsetY": "1px",
-            "blur": "1px",
-            "spread": "0px",
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 1,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 1,
+              "unit": "px"
+            },
+            "spread": {
+              "value": 0,
+              "unit": "px"
+            },
             "inset": false
           },
           "filePath": "src/tokens/functional/shadow/shadow.json5",
           "isSource": true,
           "$type": "shadow"
         }
+      },
+      "org.primer.llm": {
+        "usage": ["badge", "chip", "small-card", "subtle-elevation"],
+        "rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
       }
     },
     "filePath": "src/tokens/functional/shadow/shadow.json5",
@@ -48316,13 +49472,26 @@
       "$value": {
         "color": "{base.color.neutral.0}",
         "alpha": 0.8,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "1px",
-        "spread": "0px",
+        "offsetX": {
+          "value": 0,
+          "unit": "px"
+        },
+        "offsetY": {
+          "value": 1,
+          "unit": "px"
+        },
+        "blur": {
+          "value": 1,
+          "unit": "px"
+        },
+        "spread": {
+          "value": 0,
+          "unit": "px"
+        },
         "inset": false
       },
       "$type": "shadow",
+      "$description": "Extra small resting shadow for minimal elevation",
       "$extensions": {
         "org.primer.figma": {
           "collection": "mode",
@@ -48333,16 +49502,32 @@
             "$value": {
               "color": "{base.color.neutral.0}",
               "alpha": 0.8,
-              "offsetX": "0px",
-              "offsetY": "1px",
-              "blur": "1px",
-              "spread": "0px",
+              "offsetX": {
+                "value": 0,
+                "unit": "px"
+              },
+              "offsetY": {
+                "value": 1,
+                "unit": "px"
+              },
+              "blur": {
+                "value": 1,
+                "unit": "px"
+              },
+              "spread": {
+                "value": 0,
+                "unit": "px"
+              },
               "inset": false
             },
             "filePath": "src/tokens/functional/shadow/shadow.json5",
             "isSource": true,
             "$type": "shadow"
           }
+        },
+        "org.primer.llm": {
+          "usage": ["badge", "chip", "small-card", "subtle-elevation"],
+          "rules": "Use for very subtle elevation on small elements. Provides minimal lift from surface. Do NOT use for interactive elements needing clear affordance."
         }
       },
       "key": "{shadow.resting.xsmall}"