npm - @primer/primitives - Versions diffs - 7.15.9 → 7.15.10-rc.d7a91629 - Mend

@primer/primitives 7.15.9 → 7.15.10-rc.d7a91629

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (134) hide show

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

@@ -1439,7 +1439,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1555,7 +1555,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1650,7 +1650,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1915,7 +1915,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1928,7 +1928,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2283,7 +2283,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2473,7 +2473,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2605,7 +2605,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2721,7 +2721,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2779,7 +2779,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2866,7 +2866,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3098,7 +3098,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3214,7 +3214,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3309,7 +3309,7 @@
     "path": ["button", "primary", "fgColor", "rest"]
   },
   "button-primary-fgColor-disabled": {
-    "value": "#ffffff80",
+    "value": "#ffffffcc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3319,7 +3319,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
@@ -3333,7 +3333,7 @@
           "scopes": ["fgColor"]
         }
       },
-      "alpha": 0.5
+      "alpha": 0.8
     },
     "name": "button-primary-fgColor-disabled",
     "attributes": {},
@@ -3722,7 +3722,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3809,7 +3809,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3925,7 +3925,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4012,7 +4012,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4643,7 +4643,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5398,7 +5398,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#30363d",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5410,7 +5410,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5853,7 +5853,7 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5866,7 +5866,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.gray.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6438,7 +6438,7 @@
     "path": ["bgColor", "inverse"]
   },
   "bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6448,10 +6448,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.8}",
+      "value": "{base.color.gray.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6460,7 +6461,8 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.7
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -7311,7 +7313,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {

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

@@ -1439,7 +1439,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1555,7 +1555,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1650,7 +1650,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1915,7 +1915,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1928,7 +1928,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2283,7 +2283,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2473,7 +2473,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2605,7 +2605,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2721,7 +2721,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2779,7 +2779,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2866,7 +2866,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3098,7 +3098,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3214,7 +3214,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3309,7 +3309,7 @@
     "path": ["button", "primary", "fgColor", "rest"]
   },
   "button-primary-fgColor-disabled": {
-    "value": "#ffffff80",
+    "value": "#ffffffcc",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3319,7 +3319,7 @@
         "scopes": ["fgColor"]
       }
     },
-    "alpha": 0.5,
+    "alpha": 0.8,
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
@@ -3333,7 +3333,7 @@
           "scopes": ["fgColor"]
         }
       },
-      "alpha": 0.5
+      "alpha": 0.8
     },
     "name": "button-primary-fgColor-disabled",
     "attributes": {},
@@ -3472,7 +3472,7 @@
     "path": ["button", "primary", "bgColor", "active"]
   },
   "button-primary-bgColor-disabled": {
-    "value": "#46bf57",
+    "value": "#77c982",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3483,13 +3483,13 @@
       }
     },
     "mix": {
-      "color": "#56d364",
+      "color": "#aff5b4",
       "weight": 0.6
     },
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.green.4}",
+      "value": "{base.color.green.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -3500,7 +3500,7 @@
         }
       },
       "mix": {
-        "color": "{base.color.green.2}",
+        "color": "{base.color.green.0}",
         "weight": 0.6
       }
     },
@@ -3598,7 +3598,7 @@
     "path": ["button", "primary", "borderColor", "active"]
   },
   "button-primary-borderColor-disabled": {
-    "value": "#46bf57",
+    "value": "#77c982",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3722,7 +3722,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3809,7 +3809,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3925,7 +3925,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#00000000",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4012,7 +4012,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4643,7 +4643,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5398,7 +5398,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#30363d",
+    "value": "#30363db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5410,7 +5410,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5853,7 +5853,7 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-disabled": {
-    "value": "#8b949e",
+    "value": "#6e7681",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5866,7 +5866,7 @@
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.3}",
+      "value": "{base.color.gray.4}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6438,7 +6438,7 @@
     "path": ["bgColor", "inverse"]
   },
   "bgColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6448,10 +6448,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.8}",
+      "value": "{base.color.gray.7}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6460,7 +6461,8 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.7
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -7311,7 +7313,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#161b22",
+    "value": "#21262db3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {