@primer/primitives 7.13.0 → 7.13.1-rc.0fa7554

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

@@ -3256,27 +3256,6 @@
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"]
   },
-  "button-default-shadow-inset": {
-    "value": "inset 0px 1px 0px 0px #ffffff40",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.25,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "button-default-shadow-inset",
-    "attributes": {},
-    "path": ["button", "default", "shadow", "inset"]
-  },
   "button-primary-fgColor-rest": {
     "value": "#ffffff",
     "$type": "color",
@@ -3568,6 +3547,35 @@
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
+  "button-primary-borderColor-active": {
+    "value": "#1f232826",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "button-primary-borderColor-active",
+    "attributes": {},
+    "path": ["button", "primary", "borderColor", "active"]
+  },
   "button-primary-borderColor-disabled": {
     "value": "#92caff",
     "$type": "color",
@@ -3707,6 +3715,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#8c959f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "disabled"]
+  },
   "button-invisible-bgColor-rest": {
     "value": "#ffffff00",
     "$type": "color",
@@ -4153,7 +4248,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4163,10 +4258,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4175,14 +4271,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4195,7 +4292,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.outline.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4563,7 +4660,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4573,10 +4670,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4585,14 +4683,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4605,7 +4704,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.danger.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10509,27 +10608,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff3d",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.24,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "shadow-highlight",
-    "attributes": {},
-    "path": ["shadow", "highlight"]
-  },
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #1f23281a",
     "$type": "shadow",

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

@@ -3264,27 +3264,6 @@
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"]
   },
-  "button-default-shadow-inset": {
-    "value": "inset 0px 1px 0px 0px #ffffff40",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.25,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "button-default-shadow-inset",
-    "attributes": {},
-    "path": ["button", "default", "shadow", "inset"]
-  },
   "button-primary-fgColor-rest": {
     "value": "#ffffff",
     "$type": "color",
@@ -3578,6 +3557,37 @@
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
+  "button-primary-borderColor-active": {
+    "value": "#013d14",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "alpha": 1,
+    "original": {
+      "value": "{base.color.green.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["borderColor"]
+        }
+      },
+      "alpha": 1
+    },
+    "name": "button-primary-borderColor-active",
+    "attributes": {},
+    "path": ["button", "primary", "borderColor", "active"]
+  },
   "button-primary-borderColor-disabled": {
     "value": "#85cb97",
     "$type": "color",
@@ -3717,6 +3727,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#0e1116",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#0e1116",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#4b535d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{control.fgColor.disabled}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-disabled",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "disabled"]
+  },
   "button-invisible-bgColor-rest": {
     "value": "#ffffff00",
     "$type": "color",
@@ -4167,7 +4264,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#20252c",
+    "value": "#01040926",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4177,10 +4274,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4189,14 +4287,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-active": {
-    "value": "#20252c",
+    "value": "#01040926",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4209,7 +4308,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.outline.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4577,7 +4676,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#20252c",
+    "value": "#01040926",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4587,10 +4686,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.15,
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{base.color.black}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4599,14 +4699,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.15
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#20252c",
+    "value": "#01040926",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4619,7 +4720,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.danger.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10505,27 +10606,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff3d",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/light.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.24,
-        "offsetX": "0px",
-        "offsetY": "1px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": true
-      },
-      "$type": "shadow"
-    },
-    "name": "shadow-highlight",
-    "attributes": {},
-    "path": ["shadow", "highlight"]
-  },
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #0104091a",
     "$type": "shadow",