npm - @primer/primitives - Versions diffs - 7.15.8 → 7.15.9-rc.f6594ef - Mend

@primer/primitives 7.15.8 → 7.15.9-rc.f6594ef

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

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

@@ -1244,6 +1244,13 @@
   "avatar-shadow": {
     "value": "0px 0px 0px 2px #0d1117",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -1257,7 +1264,14 @@
           "spread": "2px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "avatar-shadow",
     "attributes": {},
@@ -3231,6 +3245,13 @@
   "button-default-shadow-resting": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -3245,7 +3266,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-default-shadow-resting",
     "attributes": {},
@@ -3601,6 +3629,13 @@
   "button-primary-shadow-selected": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -3615,7 +3650,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-primary-shadow-selected",
     "attributes": {},
@@ -4295,6 +4337,13 @@
   "button-outline-shadow-selected": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -4309,7 +4358,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-outline-shadow-selected",
     "attributes": {},
@@ -4707,6 +4763,13 @@
   "button-danger-shadow-selected": {
     "value": "0px 0px 0px 0px #000000",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -4721,7 +4784,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-danger-shadow-selected",
     "attributes": {},
@@ -5327,6 +5397,33 @@
     "attributes": {},
     "path": ["overlay", "bgColor"]
   },
+  "overlay-borderColor": {
+    "value": "#30363d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)"
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.6}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)"
+        }
+      }
+    },
+    "name": "overlay-borderColor",
+    "attributes": {},
+    "path": ["overlay", "borderColor"]
+  },
   "overlay-backdrop-bgColor": {
     "value": "#161b2266",
     "$type": "color",
@@ -10646,6 +10743,13 @@
   "shadow-inset": {
     "value": "inset 0px 1px 0px 0px #0104093d",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -10658,7 +10762,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10667,6 +10778,13 @@
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #010409cc",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -10679,7 +10797,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10688,6 +10813,13 @@
   "shadow-resting-small": {
     "value": "0px 1px 0px 0px #01040966, 0px 1px 3px 0px #01040966",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -10711,7 +10843,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10720,6 +10859,13 @@
   "shadow-resting-medium": {
     "value": "0px 3px 6px 0px #010409cc",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
@@ -10733,21 +10879,35 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-medium",
     "attributes": {},
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #161b22, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.8}",
+          "color": "{overlay.borderColor}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -10771,21 +10931,35 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-small",
     "attributes": {},
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #161b22, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
+    "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.8}",
+          "color": "{overlay.borderColor}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -10825,21 +10999,35 @@
           "spread": "-24px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-medium",
     "attributes": {},
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #161b22, 0px 24px 48px 0px #010409",
+    "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.8}",
+          "color": "{overlay.borderColor}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -10855,21 +11043,35 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-large",
     "attributes": {},
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #161b22, 0px 32px 64px 0px #010409",
+    "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/dark.json5",
     "isSource": true,
     "original": {
       "value": [
         {
-          "color": "{base.color.gray.8}",
+          "color": "{overlay.borderColor}",
           "alpha": 1,
           "offsetX": "0px",
           "offsetY": "0px",
@@ -10885,7 +11087,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},