@primer/primitives 7.15.9-rc.f8722fa → 7.15.9

package/tokens-next-private/docs/functional/themes/light.json

@@ -1234,6 +1234,13 @@
   "avatar-shadow": {
     "value": "0px 0px 0px 2px #ffffffcc",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -1247,7 +1254,14 @@
           "spread": "2px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "avatar-shadow",
     "attributes": {},
@@ -3205,6 +3219,13 @@
   "button-default-shadow-resting": {
     "value": "0px 1px 0px 0px #1f23280a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -3219,7 +3240,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-default-shadow-resting",
     "attributes": {},
@@ -3577,6 +3605,13 @@
   "button-primary-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #002d114d",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -3591,7 +3626,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-primary-shadow-selected",
     "attributes": {},
@@ -4279,6 +4321,13 @@
   "button-outline-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #00215533",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -4293,7 +4342,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-outline-shadow-selected",
     "attributes": {},
@@ -4691,6 +4747,13 @@
   "button-danger-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #4c001433",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -4705,7 +4768,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-danger-shadow-selected",
     "attributes": {},
@@ -10660,6 +10730,13 @@
   "shadow-inset": {
     "value": "inset 0px 1px 0px 0px #1f23280a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10672,7 +10749,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10681,6 +10765,13 @@
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #1f23281a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10693,7 +10784,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10702,6 +10800,13 @@
   "shadow-resting-small": {
     "value": "0px 1px 0px 0px #1f23280f, 0px 1px 3px 0px #1f232814",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10725,7 +10830,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10734,6 +10846,13 @@
   "shadow-resting-medium": {
     "value": "0px 3px 6px 0px #424a531f",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10747,7 +10866,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-medium",
     "attributes": {},
@@ -10756,13 +10882,20 @@
   "shadow-floating-small": {
     "value": "0px 0px 0px 1px #ffffff, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 1,
+          "alpha": 0,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10785,7 +10918,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-small",
     "attributes": {},
@@ -10794,13 +10934,20 @@
   "shadow-floating-medium": {
     "value": "0px 0px 0px 1px #ffffff, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 1,
+          "alpha": 0,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10839,7 +10986,14 @@
           "spread": "-24px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-medium",
     "attributes": {},
@@ -10848,13 +11002,20 @@
   "shadow-floating-large": {
     "value": "0px 0px 0px 1px #ffffff, 0px 40px 80px 0px #424a533d",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 1,
+          "alpha": 0,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10869,7 +11030,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-large",
     "attributes": {},
@@ -10878,13 +11046,20 @@
   "shadow-floating-xlarge": {
     "value": "0px 0px 0px 1px #ffffff, 0px 56px 112px 0px #424a5352",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 1,
+          "alpha": 0,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10899,7 +11074,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},

package/tokens-next-private/figma/figma.json

@@ -78,6 +78,8 @@
         "dark tritanopia"
       ],
       "groups": [
+        "shadow",
+        "component shadow",
         "syntax",
         "semantic",
         "component (internal)",
@@ -92,6 +94,15 @@
     "tokens-next-private/figma/scales/dark.json",
     "tokens-next-private/figma/scales/light-high-constrast.json",
     "tokens-next-private/figma/scales/light.json",
+    "tokens-next-private/figma/shadows/dark-colorblind.json",
+    "tokens-next-private/figma/shadows/dark-dimmed.json",
+    "tokens-next-private/figma/shadows/dark-high-contrast.json",
+    "tokens-next-private/figma/shadows/dark-tritanopia.json",
+    "tokens-next-private/figma/shadows/dark.json",
+    "tokens-next-private/figma/shadows/light-colorblind.json",
+    "tokens-next-private/figma/shadows/light-high-contrast.json",
+    "tokens-next-private/figma/shadows/light-tritanopia.json",
+    "tokens-next-private/figma/shadows/light.json",
     "tokens-next-private/figma/themes/dark-colorblind.json",
     "tokens-next-private/figma/themes/dark-dimmed.json",
     "tokens-next-private/figma/themes/dark-high-contrast.json",