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/light-tritanopia.json CHANGED Viewed

@@ -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 #0021554d",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.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": {},
@@ -5334,6 +5404,33 @@
     "attributes": {},
     "path": ["overlay", "bgColor"]
   },
+  "overlay-borderColor": {
+    "value": "#ffffff00",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)"
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)"
+        }
+      }
+    },
+    "name": "overlay-borderColor",
+    "attributes": {},
+    "path": ["overlay", "borderColor"]
+  },
   "overlay-backdrop-bgColor": {
     "value": "#8c959f33",
     "$type": "color",
@@ -10635,6 +10732,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": {
@@ -10647,7 +10751,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10656,6 +10767,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": {
@@ -10668,7 +10786,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10677,6 +10802,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": {
@@ -10700,7 +10832,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10709,6 +10848,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": {
@@ -10722,19 +10868,41 @@
           "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 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
+    "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": 0,
+          "offsetX": "0px",
+          "offsetY": "0px",
+          "blur": "0px",
+          "spread": "1px"
+        },
         {
           "color": "{base.color.gray.7}",
           "alpha": 0.04,
@@ -10752,19 +10920,41 @@
           "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 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
+    "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": 0,
+          "offsetX": "0px",
+          "offsetY": "0px",
+          "blur": "0px",
+          "spread": "1px"
+        },
         {
           "color": "{base.color.gray.7}",
           "alpha": 0.08,
@@ -10798,19 +10988,41 @@
           "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 40px 80px 0px #424a533d",
+    "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": 0,
+          "offsetX": "0px",
+          "offsetY": "0px",
+          "blur": "0px",
+          "spread": "1px"
+        },
         {
           "color": "{base.color.gray.7}",
           "alpha": 0.24,
@@ -10820,19 +11032,41 @@
           "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 56px 112px 0px #424a5352",
+    "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": 0,
+          "offsetX": "0px",
+          "offsetY": "0px",
+          "blur": "0px",
+          "spread": "1px"
+        },
         {
           "color": "{base.color.gray.7}",
           "alpha": 0.32,
@@ -10842,7 +11076,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},