npm - @primer/primitives - Versions diffs - 0.0.0-20250120083549 → 0.0.0-20250120083743 - Mend

@primer/primitives 0.0.0-20250120083549 → 0.0.0-20250120083743

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 (23) hide show

package/dist/css/functional/themes/dark-colorblind.css CHANGED Viewed

@@ -444,7 +444,7 @@
   --border-success-muted: 0.0625rem solid #388bfd66;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
-  --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-closed-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -1050,7 +1050,7 @@
     --border-success-muted: 0.0625rem solid #388bfd66;
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
-    --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-closed-muted: #3d444d66;
     --borderColor-muted: #3d444db3;
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
     --borderColor-open-emphasis: var(--borderColor-success-emphasis);

package/dist/docs/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -2433,6 +2433,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2444,8 +2451,9 @@
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
+    "alpha": 0.4,
     "original": {
-      "$value": "{borderColor.danger.muted}",
+      "$value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2471,6 +2479,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,
@@ -2479,13 +2494,14 @@
             "$type": "color"
           }
         }
-      }
+      },
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},
     "path": ["borderColor", "closed", "muted"],
     "key": "{borderColor.closed.muted}",
-    "value": "#db6d2866",
+    "value": "#3d444d66",
     "type": "color"
   },
   "borderColor-danger-emphasis": {

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

@@ -2297,6 +2297,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2335,6 +2342,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2431,6 +2431,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#b7bdc8",
           "alpha": 0.4,
@@ -2469,6 +2476,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2435,6 +2435,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2474,6 +2481,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2431,6 +2431,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2469,6 +2476,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2415,6 +2415,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2454,6 +2461,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/docs/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -2415,6 +2415,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#454c54",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#454c54",
           "alpha": 0.4,
@@ -2453,6 +2460,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2415,6 +2415,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2454,6 +2461,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

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

@@ -2415,6 +2415,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2453,6 +2460,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/figma/themes/dark-colorblind.json CHANGED Viewed

@@ -3672,14 +3672,15 @@
   {
     "name": "borderColor/closed-muted",
     "value": {
-      "r": 0.8588235294117647,
-      "g": 0.42745098039215684,
-      "b": 0.1568627450980392,
+      "r": 0.23921568627450981,
+      "g": 0.26666666666666666,
+      "b": 0.30196078431372547,
       "a": 0.4
     },
     "type": "COLOR",
+    "alpha": 0.4,
     "refId": "mode/borderColor/closed-muted",
-    "reference": "mode/borderColor/danger-muted",
+    "reference": "mode/borderColor/default",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "semantic",

package/dist/internalCss/dark-colorblind.css CHANGED Viewed

@@ -748,7 +748,7 @@
   --border-success-muted: 0.0625rem solid #388bfd66;
   --border-transparent: 0.0625rem solid #00000000;
   --borderColor-closed-emphasis: var(--borderColor-emphasis);
-  --borderColor-closed-muted: var(--borderColor-danger-muted);
+  --borderColor-closed-muted: #3d444d66;
   --borderColor-muted: #3d444db3;
   --borderColor-neutral-emphasis: var(--borderColor-emphasis);
   --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -1658,7 +1658,7 @@
     --border-success-muted: 0.0625rem solid #388bfd66;
     --border-transparent: 0.0625rem solid #00000000;
     --borderColor-closed-emphasis: var(--borderColor-emphasis);
-    --borderColor-closed-muted: var(--borderColor-danger-muted);
+    --borderColor-closed-muted: #3d444d66;
     --borderColor-muted: #3d444db3;
     --borderColor-neutral-emphasis: var(--borderColor-emphasis);
     --borderColor-open-emphasis: var(--borderColor-success-emphasis);

package/dist/styleLint/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -2409,7 +2409,7 @@
     "key": "{borderColor.closed.emphasis}"
   },
   "borderColor-closed-muted": {
-    "$value": "#db6d2866",
+    "$value": "#3d444d66",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2435,6 +2435,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2446,8 +2453,9 @@
     },
     "filePath": "src/tokens/functional/color/borderColor.json5",
     "isSource": true,
+    "alpha": 0.4,
     "original": {
-      "$value": "{borderColor.danger.muted}",
+      "$value": "{borderColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2473,6 +2481,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,
@@ -2481,7 +2496,8 @@
             "$type": "color"
           }
         }
-      }
+      },
+      "alpha": 0.4
     },
     "name": "borderColor-closed-muted",
     "attributes": {},

package/dist/styleLint/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -2299,6 +2299,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2337,6 +2344,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/dark-high-contrast.json CHANGED Viewed

@@ -2433,6 +2433,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#b7bdc8",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#b7bdc8",
           "alpha": 0.4,
@@ -2471,6 +2478,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/dark-tritanopia.json CHANGED Viewed

@@ -2437,6 +2437,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2476,6 +2483,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/dark.json CHANGED Viewed

@@ -2433,6 +2433,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#3d444d",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#3d444d",
           "alpha": 0.4,
@@ -2471,6 +2478,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/light-colorblind.json CHANGED Viewed

@@ -2417,6 +2417,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2456,6 +2463,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -2417,6 +2417,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#454c54",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#454c54",
           "alpha": 0.4,
@@ -2455,6 +2462,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED Viewed

@@ -2417,6 +2417,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2456,6 +2463,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/dist/styleLint/functional/themes/light.json CHANGED Viewed

@@ -2417,6 +2417,13 @@
           "isSource": true,
           "$type": "color"
         },
+        "dark-protanopia-deuteranopia": {
+          "$value": "#d1d9e0",
+          "alpha": 0.4,
+          "filePath": "src/tokens/functional/color/borderColor.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "light-protanopia-deuteranopia": {
           "$value": "#d1d9e0",
           "alpha": 0.4,
@@ -2455,6 +2462,13 @@
             "isSource": true,
             "$type": "color"
           },
+          "dark-protanopia-deuteranopia": {
+            "$value": "{borderColor.default}",
+            "alpha": 0.4,
+            "filePath": "src/tokens/functional/color/borderColor.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "light-protanopia-deuteranopia": {
             "$value": "{borderColor.default}",
             "alpha": 0.4,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "0.0.0-20250120083549",
+  "version": "0.0.0-20250120083743",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/functional/color/borderColor.json5 CHANGED Viewed

@@ -470,6 +470,10 @@
               $value: '{borderColor.default}',
               alpha: 0.4,
             },
+            'dark-protanopia-deuteranopia': {
+              $value: '{borderColor.default}',
+              alpha: 0.4,
+            },
             'light-protanopia-deuteranopia': {
               $value: '{borderColor.default}',
               alpha: 0.4,