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/dist/docs/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -1236,6 +1236,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": {
@@ -1249,7 +1256,14 @@
           "spread": "2px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "avatar-shadow",
     "attributes": {},
@@ -3217,6 +3231,13 @@
   "button-default-shadow-resting": {
     "value": "0px 1px 0px 0px #0104090a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -3231,7 +3252,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-default-shadow-resting",
     "attributes": {},
@@ -3593,6 +3621,13 @@
   "button-primary-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #00230b4d",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -3607,7 +3642,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-primary-shadow-selected",
     "attributes": {},
@@ -4299,6 +4341,13 @@
   "button-outline-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #021a4a33",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -4313,7 +4362,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-outline-shadow-selected",
     "attributes": {},
@@ -4711,6 +4767,13 @@
   "button-danger-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #43001133",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -4725,7 +4788,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-danger-shadow-selected",
     "attributes": {},
@@ -5358,6 +5428,33 @@
     "attributes": {},
     "path": ["overlay", "bgColor"]
   },
+  "overlay-borderColor": {
+    "value": "#20252c",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)"
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.8}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)"
+        }
+      }
+    },
+    "name": "overlay-borderColor",
+    "attributes": {},
+    "path": ["overlay", "borderColor"]
+  },
   "overlay-backdrop-bgColor": {
     "value": "#88929d33",
     "$type": "color",
@@ -10645,6 +10742,13 @@
   "shadow-inset": {
     "value": "inset 0px 1px 0px 0px #0104090a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10657,7 +10761,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10666,6 +10777,13 @@
   "shadow-resting-xsmall": {
     "value": "0px 1px 0px 0px #0104091a",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10678,7 +10796,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10687,6 +10812,13 @@
   "shadow-resting-small": {
     "value": "0px 1px 0px 0px #0104090f, 0px 1px 3px 0px #01040914",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10710,7 +10842,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10719,6 +10858,13 @@
   "shadow-resting-medium": {
     "value": "0px 3px 6px 0px #343b431f",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "shadow"
+      }
+    },
     "filePath": "src/tokens/functional/shadow/light.json5",
     "isSource": true,
     "original": {
@@ -10732,19 +10878,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 #343b430a, 0px 6px 18px 0px #343b431f",
+    "value": "0px 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
     "$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,
@@ -10762,19 +10930,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 #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314",
+    "value": "0px 0px 0px 1px #20252c, 0px 8px 16px -4px #343b4314, 0px 4px 32px -4px #343b4314, 0px 24px 48px -12px #343b4314, 0px 48px 96px -24px #343b4314",
     "$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,
@@ -10808,19 +10998,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 #343b433d",
+    "value": "0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d",
     "$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,
@@ -10830,19 +11042,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 #343b4352",
+    "value": "0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352",
     "$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,
@@ -10852,7 +11086,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},