@primer/primitives 7.13.0 → 7.13.1-rc.4461d84

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

@@ -3252,27 +3252,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",
@@ -3564,6 +3543,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",
@@ -4149,7 +4157,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4159,10 +4167,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": {
@@ -4171,14 +4180,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": {
@@ -4191,7 +4201,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": {
@@ -4559,7 +4569,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4569,10 +4579,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": {
@@ -4581,14 +4592,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": {
@@ -4601,7 +4613,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": {

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

@@ -3252,27 +3252,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",
@@ -3564,6 +3543,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": "#95d8a6",
     "$type": "color",
@@ -4149,7 +4157,7 @@
     "path": ["button", "outline", "bgColor", "disabled"]
   },
   "button-outline-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4159,10 +4167,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": {
@@ -4171,14 +4180,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": {
@@ -4191,7 +4201,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": {
@@ -4559,7 +4569,7 @@
     "path": ["button", "danger", "borderColor", "rest"]
   },
   "button-danger-borderColor-hover": {
-    "value": "#d0d7de",
+    "value": "#1f232826",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4569,10 +4579,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": {
@@ -4581,14 +4592,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": {
@@ -4601,7 +4613,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": {

package/tokens-next-private/figma/themes/dark.json

@@ -2157,14 +2157,15 @@
   {
     "name": "button/danger/borderColor/hover",
     "value": {
-      "r": 0.7137254901960784,
-      "g": 0.13725490196078433,
-      "b": 0.1411764705882353,
-      "a": 1
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
     },
     "type": "COLOR",
+    "alpha": 0.1,
     "refId": "mode/button/danger/borderColor/hover",
-    "reference": "base/color/dark/base/color/red/6",
+    "reference": "base/color/dark/base/color/gray/0",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -2251,6 +2252,23 @@
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/outline/borderColor/hover",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "alpha": 0.1,
+    "refId": "mode/button/outline/borderColor/hover",
+    "reference": "base/color/dark/base/color/gray/0",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "button/outline/bgColor/disabled",
     "value": {
@@ -3609,14 +3627,14 @@
   {
     "name": "button/danger/borderColor/active",
     "value": {
-      "r": 0.8156862745098039,
-      "g": 0.20784313725490197,
-      "b": 0.2,
-      "a": 1
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
     },
     "type": "COLOR",
     "refId": "mode/button/danger/borderColor/active",
-    "reference": "mode/button/danger/bgColor/active",
+    "reference": "mode/button/danger/borderColor/hover",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
@@ -3703,6 +3721,22 @@
     "group": "component",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/outline/borderColor/selected",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/outline/borderColor/selected",
+    "reference": "mode/button/outline/borderColor/hover",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "button/outline/fgColor/disabled",
     "value": {
@@ -3832,6 +3866,22 @@
     "group": "component",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "button/primary/borderColor/active",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.9647058823529412,
+      "b": 0.9882352941176471,
+      "a": 0.1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/borderColor/active",
+    "reference": "mode/button/primary/borderColor/rest",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "button/primary/borderColor/hover",
     "value": {
@@ -3898,38 +3948,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "button/default/borderColor/active",
-    "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/default/borderColor/active",
-    "reference": "mode/borderColor/default",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
-  {
-    "name": "button/default/borderColor/hover",
-    "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 1
-    },
-    "type": "COLOR",
-    "refId": "mode/button/default/borderColor/hover",
-    "reference": "mode/borderColor/default",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "button/default/borderColor/rest",
     "value": {
@@ -4736,68 +4754,68 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/borderColor/selected",
+    "name": "button/invisible/bgColor/disabled",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 0.4
+      "r": 0.08627450980392157,
+      "g": 0.10588235294117647,
+      "b": 0.13333333333333333,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/selected",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/button/invisible/bgColor/disabled",
+    "reference": "mode/control/bgColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/outline/borderColor/hover",
+    "name": "button/invisible/fgColor/disabled",
     "value": {
-      "r": 0.18823529411764706,
-      "g": 0.21176470588235294,
-      "b": 0.23921568627450981,
-      "a": 0.4
+      "r": 0.5450980392156862,
+      "g": 0.5803921568627451,
+      "b": 0.6196078431372549,
+      "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/outline/borderColor/hover",
-    "reference": "mode/borderColor/muted",
+    "refId": "mode/button/invisible/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["STROKE_COLOR"]
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/invisible/bgColor/disabled",
+    "name": "button/default/borderColor/active",
     "value": {
-      "r": 0.08627450980392157,
-      "g": 0.10588235294117647,
-      "b": 0.13333333333333333,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/bgColor/disabled",
-    "reference": "mode/control/bgColor/disabled",
+    "refId": "mode/button/default/borderColor/active",
+    "reference": "mode/button/default/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
-    "name": "button/invisible/fgColor/disabled",
+    "name": "button/default/borderColor/hover",
     "value": {
-      "r": 0.5450980392156862,
-      "g": 0.5803921568627451,
-      "b": 0.6196078431372549,
+      "r": 0.18823529411764706,
+      "g": 0.21176470588235294,
+      "b": 0.23921568627450981,
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/invisible/fgColor/disabled",
-    "reference": "mode/control/fgColor/disabled",
+    "refId": "mode/button/default/borderColor/hover",
+    "reference": "mode/button/default/borderColor/rest",
     "collection": "mode",
     "mode": "dark",
     "group": "component",
-    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+    "scopes": ["STROKE_COLOR"]
   },
   {
     "name": "button/default/bgColor/disabled",