@primer/primitives 7.15.8 → 7.15.9-rc.66d5216

package/dist/docs/functional/themes/dark-high-contrast.json

@@ -5349,6 +5349,33 @@
     "attributes": {},
     "path": ["overlay", "bgColor"]
   },
+  "overlay-borderColor": {
+    "value": "#7a828e",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component (internal)"
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component (internal)"
+        }
+      }
+    },
+    "name": "overlay-borderColor",
+    "attributes": {},
+    "path": ["overlay", "borderColor"]
+  },
   "overlay-backdrop-bgColor": {
     "value": "#272b3366",
     "$type": "color",
@@ -10756,14 +10783,14 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #272b33, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
+    "value": "0px 0px 0px 1px #7a828e, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
     "$type": "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",
@@ -10794,14 +10821,14 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "value": "0px 0px 0px 1px #272b33, 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 #7a828e, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
     "$type": "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",
@@ -10848,14 +10875,14 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #272b33, 0px 24px 48px 0px #010409",
+    "value": "0px 0px 0px 1px #7a828e, 0px 24px 48px 0px #010409",
     "$type": "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",
@@ -10878,14 +10905,14 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #272b33, 0px 32px 64px 0px #010409",
+    "value": "0px 0px 0px 1px #7a828e, 0px 32px 64px 0px #010409",
     "$type": "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",

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

@@ -5327,6 +5327,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",
@@ -10740,14 +10767,14 @@
     "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",
     "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",
@@ -10778,14 +10805,14 @@
     "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",
     "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",
@@ -10832,14 +10859,14 @@
     "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",
     "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",
@@ -10862,14 +10889,14 @@
     "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",
     "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",

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

@@ -5327,6 +5327,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",
@@ -10738,14 +10765,14 @@
     "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",
     "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",
@@ -10776,14 +10803,14 @@
     "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",
     "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",
@@ -10830,14 +10857,14 @@
     "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",
     "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",
@@ -10860,14 +10887,14 @@
     "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",
     "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",

package/dist/docs/functional/themes/light-colorblind.json

@@ -5338,6 +5338,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",
@@ -10737,12 +10764,20 @@
     "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",
     "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,
@@ -10767,12 +10802,20 @@
     "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",
     "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,
@@ -10813,12 +10856,20 @@
     "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",
     "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,
@@ -10835,12 +10886,20 @@
     "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",
     "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,

package/dist/docs/functional/themes/light-high-contrast.json

@@ -5358,6 +5358,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",
@@ -10739,12 +10766,20 @@
     "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",
     "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,
@@ -10769,12 +10804,20 @@
     "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",
     "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,
@@ -10815,12 +10858,20 @@
     "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",
     "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,
@@ -10837,12 +10888,20 @@
     "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",
     "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,

package/dist/docs/functional/themes/light-tritanopia.json

@@ -5334,6 +5334,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",
@@ -10729,12 +10756,20 @@
     "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",
     "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,
@@ -10759,12 +10794,20 @@
     "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",
     "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,
@@ -10805,12 +10848,20 @@
     "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",
     "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,
@@ -10827,12 +10878,20 @@
     "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",
     "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,