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-colorblind.json CHANGED Viewed

@@ -1238,6 +1238,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": {
@@ -1251,7 +1258,14 @@
           "spread": "2px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "avatar-shadow",
     "attributes": {},
@@ -3209,6 +3223,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": {
@@ -3223,7 +3244,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-default-shadow-resting",
     "attributes": {},
@@ -3581,6 +3609,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.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
@@ -3595,7 +3630,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-primary-shadow-selected",
     "attributes": {},
@@ -4283,6 +4325,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": {
@@ -4297,7 +4346,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-outline-shadow-selected",
     "attributes": {},
@@ -4695,6 +4751,13 @@
   "button-danger-shadow-selected": {
     "value": "inset 0px 1px 0px 0px #47170033",
     "$type": "shadow",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component shadow"
+      }
+    },
     "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
     "isSource": true,
     "original": {
@@ -4709,7 +4772,14 @@
           "inset": true
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component shadow"
+        }
+      }
     },
     "name": "button-danger-shadow-selected",
     "attributes": {},
@@ -5338,6 +5408,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",
@@ -10643,6 +10740,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": {
@@ -10655,7 +10759,14 @@
         "spread": "0px",
         "inset": true
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-inset",
     "attributes": {},
@@ -10664,6 +10775,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": {
@@ -10676,7 +10794,14 @@
         "spread": "0px",
         "inset": false
       },
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-xsmall",
     "attributes": {},
@@ -10685,6 +10810,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": {
@@ -10708,7 +10840,14 @@
           "inset": false
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-resting-small",
     "attributes": {},
@@ -10717,6 +10856,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": {
@@ -10730,19 +10876,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,
@@ -10760,19 +10928,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,
@@ -10806,19 +10996,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,
@@ -10828,19 +11040,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,
@@ -10850,7 +11084,14 @@
           "spread": "0px"
         }
       ],
-      "$type": "shadow"
+      "$type": "shadow",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "shadow"
+        }
+      }
     },
     "name": "shadow-floating-xlarge",
     "attributes": {},