@primer/primitives 7.15.10 → 7.15.11-rc.06eebf07

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -3583,7 +3583,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3643,7 +3643,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5081,7 +5081,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#8b949e",
     "$type": "color",
     "$extensions": {
@@ -5106,11 +5106,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#21262d",
     "$type": "color",
     "$extensions": {
@@ -5135,9 +5135,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#30363d",
@@ -5985,7 +5985,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#4493f833",
+    "value": "#1f6febb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5995,11 +5995,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6009,7 +6009,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},
@@ -6136,6 +6136,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "#ffffff",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-white",
+    "attributes": {},
+    "path": ["fgColor", "white"]
+  },
   "fgColor-disabled": {
     "value": "#6e7681",
     "$type": "color",
@@ -11386,6 +11415,50 @@
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
   },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
+    "filePath": "src/tokens/functional/shadow/dark.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
+  },
   "outline-focus": {
     "value": "#1f6feb solid 2px",
     "$type": "border",

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -3570,7 +3570,7 @@
     "path": ["button", "default", "shadow", "resting"]
   },
   "button-primary-fgColor-rest": {
-    "value": "#cdd9e5",
+    "value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3583,7 +3583,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3630,7 +3630,7 @@
     "path": ["button", "primary", "fgColor", "disabled"]
   },
   "button-primary-iconColor-rest": {
-    "value": "#cdd9e5",
+    "value": "#ffffff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3643,7 +3643,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5087,7 +5087,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#768390",
     "$type": "color",
     "$extensions": {
@@ -5112,11 +5112,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#373e47",
     "$type": "color",
     "$extensions": {
@@ -5141,9 +5141,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#444c56",
@@ -5991,7 +5991,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#478be633",
+    "value": "#316dcab3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6001,11 +6001,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6015,7 +6015,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},
@@ -6142,6 +6142,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "#ffffff",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-white",
+    "attributes": {},
+    "path": ["fgColor", "white"]
+  },
   "fgColor-disabled": {
     "value": "#636e7b",
     "$type": "color",
@@ -11390,6 +11419,50 @@
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
   },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866",
+    "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
+    "filePath": "src/tokens/functional/shadow/dark.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
+  },
   "outline-focus": {
     "value": "#316dca solid 2px",
     "$type": "border",

package/tokens-next-private/docs/functional/themes/dark-high-contrast.json

@@ -5109,7 +5109,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#bdc4cc",
     "$type": "color",
     "$extensions": {
@@ -5134,11 +5134,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#3d424d",
     "$type": "color",
     "$extensions": {
@@ -5163,9 +5163,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#525964",
@@ -6013,7 +6013,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#60aeff33",
+    "value": "#409effb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6023,11 +6023,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6037,7 +6037,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},
@@ -6160,6 +6160,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "#ffffff",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-white",
+    "attributes": {},
+    "path": ["fgColor", "white"]
+  },
   "fgColor-disabled": {
     "value": "#9ea7b3",
     "$type": "color",
@@ -11408,6 +11437,50 @@
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
   },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
+    "filePath": "src/tokens/functional/shadow/dark.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
+  },
   "outline-focus": {
     "value": "#409eff solid 2px",
     "$type": "border",

package/tokens-next-private/docs/functional/themes/dark-tritanopia.json

@@ -3583,7 +3583,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3643,7 +3643,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.white}",
+      "value": "{fgColor.white}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5087,7 +5087,7 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
-  "button-inactive-fgColor-rest": {
+  "button-inactive-fgColor": {
     "value": "#8b949e",
     "$type": "color",
     "$extensions": {
@@ -5112,11 +5112,11 @@
         }
       }
     },
-    "name": "button-inactive-fgColor-rest",
+    "name": "button-inactive-fgColor",
     "attributes": {},
-    "path": ["button", "inactive", "fgColor", "rest"]
+    "path": ["button", "inactive", "fgColor"]
   },
-  "button-inactive-bgColor-rest": {
+  "button-inactive-bgColor": {
     "value": "#21262d",
     "$type": "color",
     "$extensions": {
@@ -5141,9 +5141,9 @@
         }
       }
     },
-    "name": "button-inactive-bgColor-rest",
+    "name": "button-inactive-bgColor",
     "attributes": {},
-    "path": ["button", "inactive", "bgColor", "rest"]
+    "path": ["button", "inactive", "bgColor"]
   },
   "buttonCounter-default-bgColor-rest": {
     "value": "#30363d",
@@ -5991,7 +5991,7 @@
     "path": ["underlineNav", "iconColor", "rest"]
   },
   "selection-bgColor": {
-    "value": "#4493f833",
+    "value": "#1f6febb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6001,11 +6001,11 @@
         "scopes": ["bgColor"]
       }
     },
-    "alpha": 0.2,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.link.@}",
+      "value": "{bgColor.accent.emphasis}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6015,7 +6015,7 @@
           "scopes": ["bgColor"]
         }
       },
-      "alpha": 0.2
+      "alpha": 0.7
     },
     "name": "selection-bgColor",
     "attributes": {},
@@ -6142,6 +6142,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-white": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "#ffffff",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-white",
+    "attributes": {},
+    "path": ["fgColor", "white"]
+  },
   "fgColor-disabled": {
     "value": "#6e7681",
     "$type": "color",
@@ -11392,6 +11421,50 @@
     "attributes": {},
     "path": ["shadow", "floating", "xlarge"]
   },
+  "shadow-floating-legacy": {
+    "value": "0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
+    "filePath": "src/tokens/functional/shadow/dark.json5",
+    "isSource": true,
+    "original": {
+      "value": [
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "12px",
+          "spread": "-3px"
+        },
+        {
+          "color": "{base.color.black}",
+          "alpha": 0.4,
+          "offsetX": "0px",
+          "offsetY": "6px",
+          "blur": "18px",
+          "spread": "0px"
+        }
+      ],
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
+    },
+    "name": "shadow-floating-legacy",
+    "attributes": {},
+    "path": ["shadow", "floating", "legacy"]
+  },
   "outline-focus": {
     "value": "#1f6feb solid 2px",
     "$type": "border",