@primer/primitives 7.15.7-rc.3db800f → 7.15.7-rc.b2aee0a

package/dist/docs/functional/themes/dark-dimmed.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#444c5680",
+    "value": "#444c56b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3622,7 +3622,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4086,7 +4086,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#3b7cdb80",
+    "value": "#478be680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5028,7 +5028,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#3b7cdb80",
+    "value": "#478be680",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5754,7 +5754,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5818,7 +5818,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#3b7cdb",
+    "value": "#478be6",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5838,7 +5838,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7117,7 +7117,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#444c5680",
+    "value": "#444c56b3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7130,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7147,7 +7147,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/dark-high-contrast.json

@@ -3636,7 +3636,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#52a7ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4108,7 +4108,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#52a7ff80",
+    "value": "#60aeff80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5050,7 +5050,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#52a7ff80",
+    "value": "#60aeff80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5772,7 +5772,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#52a7ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5836,7 +5836,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#52a7ff",
+    "value": "#60aeff",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5856,7 +5856,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/docs/functional/themes/dark-tritanopia.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363d80",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3622,7 +3622,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4086,7 +4086,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5028,7 +5028,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5754,7 +5754,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5818,7 +5818,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5838,7 +5838,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7117,7 +7117,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363d80",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7130,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7147,7 +7147,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/dark.json

@@ -1213,7 +1213,7 @@
     "path": ["avatar", "bgColor"]
   },
   "avatar-borderColor": {
-    "value": "#30363d80",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3622,7 +3622,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4086,7 +4086,7 @@
     "path": ["button", "outline", "fgColor", "active"]
   },
   "button-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5028,7 +5028,7 @@
     "path": ["buttonCounter", "outline", "fgColor", "hover"]
   },
   "buttonCounter-outline-fgColor-disabled": {
-    "value": "#2f81f780",
+    "value": "#4493f880",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5754,7 +5754,7 @@
     "path": ["fgColor", "disabled"]
   },
   "fgColor-link": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5818,7 +5818,7 @@
     "path": ["fgColor", "neutral", "@"]
   },
   "fgColor-accent": {
-    "value": "#2f81f7",
+    "value": "#4493f8",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5838,7 +5838,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.4}",
+      "value": "{base.color.blue.3}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7117,7 +7117,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#30363d80",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7130,7 +7130,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
@@ -7147,7 +7147,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/light-colorblind.json

@@ -7114,7 +7114,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7127,7 +7127,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7144,7 +7144,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/light-tritanopia.json

@@ -7106,7 +7106,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7119,7 +7119,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7136,7 +7136,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/docs/functional/themes/light.json

@@ -7106,7 +7106,7 @@
     "path": ["borderColor", "default"]
   },
   "borderColor-muted": {
-    "value": "#d0d7de80",
+    "value": "#d0d7deb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7119,7 +7119,7 @@
         }
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/primitives-light.json5",
     "isSource": true,
     "original": {
@@ -7136,7 +7136,7 @@
           }
         }
       },
-      "alpha": 0.5
+      "alpha": 0.7
     },
     "name": "borderColor-muted",
     "attributes": {},

package/dist/figma/themes/dark.json

@@ -1753,15 +1753,15 @@
   {
     "name": "fgColor/accent",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
     "isMix": true,
     "refId": "mode/fgColor/accent",
-    "reference": "base/color/dark/base/color/blue/4",
+    "reference": "base/color/dark/base/color/blue/3",
     "collection": "mode",
     "mode": "dark",
     "group": "semantic",
@@ -3392,10 +3392,10 @@
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.7,
     "refId": "mode/borderColor/muted",
     "reference": "mode/borderColor/default",
     "collection": "mode",
@@ -3467,9 +3467,9 @@
   {
     "name": "fgColor/link",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
@@ -3600,9 +3600,9 @@
   {
     "name": "buttonCounter/outline/fgColor/disabled",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 0.5
     },
     "type": "COLOR",
@@ -3747,9 +3747,9 @@
   {
     "name": "button/outline/fgColor/disabled",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 0.5
     },
     "type": "COLOR",
@@ -3892,9 +3892,9 @@
   {
     "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.1843137254901961,
-      "g": 0.5058823529411764,
-      "b": 0.9686274509803922,
+      "r": 0.26666666666666666,
+      "g": 0.5764705882352941,
+      "b": 0.9725490196078431,
       "a": 1
     },
     "type": "COLOR",
@@ -4942,7 +4942,7 @@
       "r": 0.18823529411764706,
       "g": 0.21176470588235294,
       "b": 0.23921568627450981,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
     "refId": "mode/avatar/borderColor",

package/dist/figma/themes/light.json

@@ -3230,10 +3230,10 @@
       "r": 0.8156862745098039,
       "g": 0.8431372549019608,
       "b": 0.8705882352941177,
-      "a": 0.5
+      "a": 0.7
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.7,
     "refId": "mode/borderColor/muted",
     "reference": "mode/borderColor/default",
     "collection": "mode",

package/dist/scss/functional/themes/dark-colorblind.scss

@@ -39,7 +39,7 @@ $header-borderColor-divider: #8b949e;
 $headerSearch-bgColor: #0d1117;
 $headerSearch-borderColor: #30363d;
 $avatar-bgColor: #ffffff1a;
-$avatar-borderColor: #30363d80;
+$avatar-borderColor: #30363db3;
 $avatar-shadow: 0px 0px 0px 2px #0d1117;
 $avatarStack-fade-bgColor-default: #30363d;
 $avatarStack-fade-bgColor-muted: #21262d;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #f0f6fc1a;
 $button-primary-borderColor-active: #f0f6fc1a;
 $button-primary-borderColor-disabled: #1158c7;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #2f81f7;
+$button-invisible-fgColor-rest: #4493f8;
 $button-invisible-fgColor-hover: #58a6ff;
 $button-invisible-fgColor-disabled: #8b949e;
 $button-invisible-iconColor-rest: #848d97;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #161b22;
 $button-outline-fgColor-rest: #388bfd;
 $button-outline-fgColor-hover: #58a6ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #2f81f780;
+$button-outline-fgColor-disabled: #4493f880;
 $button-outline-bgColor-rest: #f0f6fc;
 $button-outline-bgColor-hover: #30363d;
 $button-outline-bgColor-active: #0d419d;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #051d4d33;
 $buttonCounter-outline-bgColor-disabled: #1f6feb0d;
 $buttonCounter-outline-fgColor-rest: #388bfd;
 $buttonCounter-outline-fgColor-hover: #58a6ff;
-$buttonCounter-outline-fgColor-disabled: #2f81f780;
+$buttonCounter-outline-fgColor-disabled: #4493f880;
 $buttonCounter-danger-bgColor-hover: #ffffff33;
 $buttonCounter-danger-bgColor-disabled: #bd561d0d;
 $buttonCounter-danger-bgColor-rest: #49020233;
@@ -191,9 +191,9 @@ $fgColor-default: #e6edf3;
 $fgColor-muted: #848d97;
 $fgColor-onEmphasis: #ffffff;
 $fgColor-disabled: #8b949e;
-$fgColor-link: #2f81f7;
+$fgColor-link: #4493f8;
 $fgColor-neutral: #6e7681;
-$fgColor-accent: #2f81f7;
+$fgColor-accent: #4493f8;
 $fgColor-success: #58a6ff;
 $fgColor-attention: #d29922;
 $fgColor-severe: #db6d28;
@@ -230,7 +230,7 @@ $bgColor-done-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
-$borderColor-muted: #30363d80;
+$borderColor-muted: #30363db3;
 $borderColor-emphasis: #484f58;
 $borderColor-disabled: #161b22;
 $borderColor-transparent: #00000000;

package/dist/scss/functional/themes/dark-dimmed.scss

@@ -39,7 +39,7 @@ $header-borderColor-divider: #768390;
 $headerSearch-bgColor: #22272e;
 $headerSearch-borderColor: #444c56;
 $avatar-bgColor: #cdd9e51a;
-$avatar-borderColor: #444c5680;
+$avatar-borderColor: #444c56b3;
 $avatar-shadow: 0px 0px 0px 2px #22272e;
 $avatarStack-fade-bgColor-default: #444c56;
 $avatarStack-fade-bgColor-muted: #373e47;
@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #cdd9e51a;
 $button-primary-borderColor-active: #cdd9e51a;
 $button-primary-borderColor-disabled: #50a254;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #3b7cdb;
+$button-invisible-fgColor-rest: #478be6;
 $button-invisible-fgColor-hover: #539bf5;
 $button-invisible-fgColor-disabled: #768390;
 $button-invisible-iconColor-rest: #717e8b;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #2d333b;
 $button-outline-fgColor-rest: #4184e4;
 $button-outline-fgColor-hover: #539bf5;
 $button-outline-fgColor-active: #cdd9e5;
-$button-outline-fgColor-disabled: #3b7cdb80;
+$button-outline-fgColor-disabled: #478be680;
 $button-outline-bgColor-rest: #cdd9e5;
 $button-outline-bgColor-hover: #444c56;
 $button-outline-bgColor-active: #1b4b91;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #0f2d5c33;
 $buttonCounter-outline-bgColor-disabled: #316dca0d;
 $buttonCounter-outline-fgColor-rest: #4184e4;
 $buttonCounter-outline-fgColor-hover: #539bf5;
-$buttonCounter-outline-fgColor-disabled: #3b7cdb80;
+$buttonCounter-outline-fgColor-disabled: #478be680;
 $buttonCounter-danger-bgColor-hover: #cdd9e533;
 $buttonCounter-danger-bgColor-disabled: #c93c370d;
 $buttonCounter-danger-bgColor-rest: #5d0f1233;
@@ -191,9 +191,9 @@ $fgColor-default: #c5d1de;
 $fgColor-muted: #717e8b;
 $fgColor-onEmphasis: #cdd9e5;
 $fgColor-disabled: #768390;
-$fgColor-link: #3b7cdb;
+$fgColor-link: #478be6;
 $fgColor-neutral: #636e7b;
-$fgColor-accent: #3b7cdb;
+$fgColor-accent: #478be6;
 $fgColor-success: #57ab5a;
 $fgColor-attention: #c69026;
 $fgColor-severe: #cc6b2c;
@@ -230,7 +230,7 @@ $bgColor-done-emphasis: #8256d0;
 $bgColor-sponsors-muted: #c961981a;
 $bgColor-sponsors-emphasis: #ae4c82;
 $borderColor-default: #444c56;
-$borderColor-muted: #444c5680;
+$borderColor-muted: #444c56b3;
 $borderColor-emphasis: #545d68;
 $borderColor-disabled: #2d333b;
 $borderColor-transparent: #00000000;

package/dist/scss/functional/themes/dark-high-contrast.scss

@@ -119,7 +119,7 @@ $button-primary-borderColor-hover: #4ae168;
 $button-primary-borderColor-active: #4ae168;
 $button-primary-borderColor-disabled: #4ae16866;
 $button-primary-shadow-selected: 0px 0px 0px 0px #000000;
-$button-invisible-fgColor-rest: #52a7ff;
+$button-invisible-fgColor-rest: #60aeff;
 $button-invisible-fgColor-hover: #1e60d5;
 $button-invisible-fgColor-disabled: #bdc4cc;
 $button-invisible-iconColor-rest: #f0f3f6;
@@ -135,7 +135,7 @@ $button-invisible-borderColor-disabled: #272b33;
 $button-outline-fgColor-rest: #5cacff;
 $button-outline-fgColor-hover: #71b7ff;
 $button-outline-fgColor-active: #ffffff;
-$button-outline-fgColor-disabled: #52a7ff80;
+$button-outline-fgColor-disabled: #60aeff80;
 $button-outline-bgColor-rest: #ffffff;
 $button-outline-bgColor-hover: #525964;
 $button-outline-bgColor-active: #2672f3;
@@ -167,7 +167,7 @@ $buttonCounter-outline-bgColor-hover: #194fb133;
 $buttonCounter-outline-bgColor-disabled: #409eff0d;
 $buttonCounter-outline-fgColor-rest: #5cacff;
 $buttonCounter-outline-fgColor-hover: #71b7ff;
-$buttonCounter-outline-fgColor-disabled: #52a7ff80;
+$buttonCounter-outline-fgColor-disabled: #60aeff80;
 $buttonCounter-danger-bgColor-hover: #01040926;
 $buttonCounter-danger-bgColor-disabled: #ff6a690d;
 $buttonCounter-danger-bgColor-rest: #01040926;
@@ -191,9 +191,9 @@ $fgColor-default: #fbfcfd;
 $fgColor-muted: #f0f3f6;
 $fgColor-onEmphasis: #0a0c10;
 $fgColor-disabled: #bdc4cc;
-$fgColor-link: #52a7ff;
+$fgColor-link: #60aeff;
 $fgColor-neutral: #9ea7b3;
-$fgColor-accent: #52a7ff;
+$fgColor-accent: #60aeff;
 $fgColor-success: #28d751;
 $fgColor-attention: #f0b72f;
 $fgColor-severe: #f48b25;