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

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

@@ -3184,7 +3184,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3213,7 +3213,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3280,27 +3280,6 @@
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"]
   },
-  "button-default-shadow-inset": {
-    "value": "0px 0px 0px 0px #000000",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.transparent}",
-        "alpha": 0,
-        "offsetX": "0px",
-        "offsetY": "0px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": false
-      },
-      "$type": "shadow"
-    },
-    "name": "button-default-shadow-inset",
-    "attributes": {},
-    "path": ["button", "default", "shadow", "inset"]
-  },
   "button-primary-fgColor-rest": {
     "value": "#cdd9e5",
     "$type": "color",
@@ -3590,6 +3569,35 @@
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
+  "button-primary-borderColor-active": {
+    "value": "#cdd9e51a",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{button.primary.borderColor.rest}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["borderColor"]
+        }
+      }
+    },
+    "name": "button-primary-borderColor-active",
+    "attributes": {},
+    "path": ["button", "primary", "borderColor", "active"]
+  },
   "button-primary-borderColor-disabled": {
     "value": "#50a254",
     "$type": "color",
@@ -3729,6 +3737,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#6d7986",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#6d7986",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.dimmed.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#768390",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.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": "#00000000",
     "$type": "color",
@@ -4167,7 +4262,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#444c5666",
+    "value": "#cdd9e51a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4177,10 +4272,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4189,14 +4285,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-selected": {
-    "value": "#444c5666",
+    "value": "#cdd9e51a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4209,7 +4306,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{button.outline.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4577,7 +4674,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#ad2e2c",
+    "value": "#cdd9e51a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4587,10 +4684,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.6}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4599,14 +4697,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#c33d38",
+    "value": "#cdd9e51a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4619,7 +4718,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{button.danger.bgColor.active}",
+      "value": "{button.danger.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10510,27 +10609,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #cdd9e51f",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.12,
-        "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 #1c2128cc",
     "$type": "shadow",

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

@@ -3192,7 +3192,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3221,7 +3221,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.default}",
+      "value": "{button.default.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3288,27 +3288,6 @@
     "attributes": {},
     "path": ["button", "default", "shadow", "resting"]
   },
-  "button-default-shadow-inset": {
-    "value": "0px 0px 0px 0px #000000",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.transparent}",
-        "alpha": 0,
-        "offsetX": "0px",
-        "offsetY": "0px",
-        "blur": "0px",
-        "spread": "0px",
-        "inset": false
-      },
-      "$type": "shadow"
-    },
-    "name": "button-default-shadow-inset",
-    "attributes": {},
-    "path": ["button", "default", "shadow", "inset"]
-  },
   "button-primary-fgColor-rest": {
     "value": "#0a0c10",
     "$type": "color",
@@ -3600,6 +3579,37 @@
     "attributes": {},
     "path": ["button", "primary", "borderColor", "hover"]
   },
+  "button-primary-borderColor-active": {
+    "value": "#4ae168",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["borderColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "alpha": 1,
+    "original": {
+      "value": "{base.color.green.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["borderColor"]
+        }
+      },
+      "alpha": 1
+    },
+    "name": "button-primary-borderColor-active",
+    "attributes": {},
+    "path": ["button", "primary", "borderColor", "active"]
+  },
   "button-primary-borderColor-disabled": {
     "value": "#4ae16866",
     "$type": "color",
@@ -3741,6 +3751,93 @@
     "attributes": {},
     "path": ["button", "invisible", "fgColor", "disabled"]
   },
+  "button-invisible-iconColor-rest": {
+    "value": "#f0f3f6",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-rest",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "rest"]
+  },
+  "button-invisible-iconColor-hover": {
+    "value": "#fbfcfd",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-invisible-iconColor-hover",
+    "attributes": {},
+    "path": ["button", "invisible", "iconColor", "hover"]
+  },
+  "button-invisible-iconColor-disabled": {
+    "value": "#bdc4cc",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.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": "#00000000",
     "$type": "color",
@@ -4187,7 +4284,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#7a828e",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4197,10 +4294,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4209,14 +4307,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-outline-borderColor-hover",
     "attributes": {},
     "path": ["button", "outline", "borderColor", "hover"]
   },
   "button-outline-borderColor-selected": {
-    "value": "#7a828e",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4229,7 +4328,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{borderColor.muted}",
+      "value": "{button.outline.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4597,7 +4696,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#ff4445",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4607,10 +4706,11 @@
         "scopes": ["borderColor"]
       }
     },
+    "alpha": 0.1,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.red.6}",
+      "value": "{base.color.gray.0}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -4619,14 +4719,15 @@
           "group": "component",
           "scopes": ["borderColor"]
         }
-      }
+      },
+      "alpha": 0.1
     },
     "name": "button-danger-borderColor-hover",
     "attributes": {},
     "path": ["button", "danger", "borderColor", "hover"]
   },
   "button-danger-borderColor-active": {
-    "value": "#ff5353",
+    "value": "#ffffff1a",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4639,7 +4740,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{button.danger.bgColor.active}",
+      "value": "{button.danger.borderColor.hover}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -10526,27 +10627,6 @@
     "attributes": {},
     "path": ["shadow", "inset"]
   },
-  "shadow-highlight": {
-    "value": "inset 0px 1px 0px 0px #ffffff1f",
-    "$type": "shadow",
-    "filePath": "src/tokens/functional/shadow/dark.json5",
-    "isSource": true,
-    "original": {
-      "value": {
-        "color": "{base.color.white}",
-        "alpha": 0.12,
-        "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 #010409cc",
     "$type": "shadow",