@primer/primitives 7.15.8 → 7.15.9-rc.f6594ef

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

@@ -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",
@@ -10644,6 +10741,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": {
@@ -10656,7 +10760,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10665,6 +10776,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": {
@@ -10677,7 +10795,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10686,6 +10811,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": {
@@ -10709,7 +10841,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10718,6 +10857,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": {
@@ -10731,21 +10877,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",
@@ -10769,21 +10929,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",
@@ -10823,21 +10997,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",
@@ -10853,21 +11041,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",
@@ -10883,7 +11085,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},