@primer/primitives 7.15.9 → 7.15.10-rc.030246ed

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

@@ -1175,6 +1175,296 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
+  "data-blue-color": {
+    "value": "#006edb",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.blue.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-blue-color",
+    "attributes": {},
+    "path": ["data", "blue", "color"]
+  },
+  "data-auburn-color": {
+    "value": "#9d615c",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.auburn.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-auburn-color",
+    "attributes": {},
+    "path": ["data", "auburn", "color"]
+  },
+  "data-orange-color": {
+    "value": "#eb670f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.orange.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-orange-color",
+    "attributes": {},
+    "path": ["data", "orange", "color"]
+  },
+  "data-yellow-color": {
+    "value": "#b88700",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.yellow.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-yellow-color",
+    "attributes": {},
+    "path": ["data", "yellow", "color"]
+  },
+  "data-green-color": {
+    "value": "#30a147",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.green.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-green-color",
+    "attributes": {},
+    "path": ["data", "green", "color"]
+  },
+  "data-teal-color": {
+    "value": "#179b9b",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.teal.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-teal-color",
+    "attributes": {},
+    "path": ["data", "teal", "color"]
+  },
+  "data-purple-color": {
+    "value": "#894ceb",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-purple-color",
+    "attributes": {},
+    "path": ["data", "purple", "color"]
+  },
+  "data-pink-color": {
+    "value": "#ce2c85",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.pink.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-pink-color",
+    "attributes": {},
+    "path": ["data", "pink", "color"]
+  },
+  "data-red-color": {
+    "value": "#df0c24",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.red.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-red-color",
+    "attributes": {},
+    "path": ["data", "red", "color"]
+  },
+  "data-gray-color": {
+    "value": "#808fa3",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/data-vis-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.display.color.gray.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "data-gray-color",
+    "attributes": {},
+    "path": ["data", "gray", "color"]
+  },
   "avatar-bgColor": {
     "value": "#ffffff",
     "$type": "color",
@@ -1431,7 +1721,7 @@
     "path": ["control", "bgColor", "active"]
   },
   "control-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1547,7 +1837,7 @@
     "path": ["control", "fgColor", "placeholder"]
   },
   "control-fgColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1636,7 +1926,7 @@
     "path": ["control", "borderColor", "emphasis"]
   },
   "control-borderColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1905,7 +2195,7 @@
     "path": ["control", "transparent", "bgColor", "active"]
   },
   "control-transparent-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -1918,7 +2208,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.transparent}",
+      "value": "{bgColor.disabled}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -2285,7 +2575,7 @@
     "path": ["control", "checked", "bgColor", "active"]
   },
   "control-checked-bgColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2475,7 +2765,7 @@
     "path": ["control", "checked", "borderColor", "active"]
   },
   "control-checked-borderColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2607,7 +2897,7 @@
     "path": ["controlTrack", "bgColor", "active"]
   },
   "controlTrack-bgColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2723,7 +3013,7 @@
     "path": ["controlTrack", "borderColor", "rest"]
   },
   "controlTrack-borderColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2781,7 +3071,7 @@
     "path": ["controlKnob", "bgColor", "rest"]
   },
   "controlKnob-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -2868,7 +3158,7 @@
     "path": ["controlKnob", "borderColor", "rest"]
   },
   "controlKnob-borderColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3100,7 +3390,7 @@
     "path": ["button", "default", "bgColor", "selected"]
   },
   "button-default-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
@@ -3200,7 +3490,7 @@
     "path": ["button", "default", "borderColor", "active"]
   },
   "button-default-borderColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3714,7 +4004,7 @@
     "path": ["button", "invisible", "fgColor", "hover"]
   },
   "button-invisible-fgColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3801,7 +4091,7 @@
     "path": ["button", "invisible", "iconColor", "hover"]
   },
   "button-invisible-iconColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -3921,7 +4211,7 @@
     "path": ["button", "invisible", "bgColor", "active"]
   },
   "button-invisible-bgColor-disabled": {
-    "value": "#ffffff00",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4008,7 +4298,7 @@
     "path": ["button", "invisible", "borderColor", "hover"]
   },
   "button-invisible-borderColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -4647,7 +4937,7 @@
     "path": ["button", "danger", "bgColor", "active"]
   },
   "button-danger-bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5429,7 +5719,7 @@
     "path": ["overlay", "bgColor"]
   },
   "overlay-borderColor": {
-    "value": "#20252c",
+    "value": "#88929d80",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5438,10 +5728,11 @@
         "group": "component (internal)"
       }
     },
+    "alpha": 0.5,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.8}",
+      "value": "{borderColor.muted}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -5449,7 +5740,8 @@
           "mode": "light",
           "group": "component (internal)"
         }
-      }
+      },
+      "alpha": 0.5
     },
     "name": "overlay-borderColor",
     "attributes": {},
@@ -5870,7 +6162,7 @@
     "path": ["fgColor", "onEmphasis"]
   },
   "fgColor-disabled": {
-    "value": "#4b535d",
+    "value": "#66707b",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -5883,7 +6175,7 @@
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.6}",
+      "value": "{base.color.gray.5}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6455,7 +6747,7 @@
     "path": ["bgColor", "inverse"]
   },
   "bgColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6465,10 +6757,11 @@
         "scopes": ["bgColor"]
       }
     },
+    "alpha": 0.7,
     "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.gray.1}",
+      "value": "{base.color.gray.2}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -6477,7 +6770,8 @@
           "group": "semantic",
           "scopes": ["bgColor"]
         }
-      }
+      },
+      "alpha": 0.7
     },
     "name": "bgColor-disabled",
     "attributes": {},
@@ -7312,7 +7606,7 @@
     "path": ["borderColor", "emphasis"]
   },
   "borderColor-disabled": {
-    "value": "#e7ecf0",
+    "value": "#ced5dcb3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -10892,7 +11186,7 @@
     "path": ["shadow", "resting", "medium"]
   },
   "shadow-floating-small": {
-    "value": "0px 0px 0px 1px #20252c, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
+    "value": "0px 0px 0px 1px #88929d80, 0px 6px 12px -3px #343b430a, 0px 6px 18px 0px #343b431f",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -10907,7 +11201,7 @@
       "value": [
         {
           "color": "{overlay.borderColor}",
-          "alpha": 0,
+          "alpha": 0.5,
           "offsetX": "0px",
           "offsetY": "0px",
           "blur": "0px",
@@ -10944,7 +11238,7 @@
     "path": ["shadow", "floating", "small"]
   },
   "shadow-floating-medium": {
-    "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",
+    "value": "0px 0px 0px 1px #88929d, 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": {
@@ -11012,7 +11306,7 @@
     "path": ["shadow", "floating", "medium"]
   },
   "shadow-floating-large": {
-    "value": "0px 0px 0px 1px #20252c, 0px 40px 80px 0px #343b433d",
+    "value": "0px 0px 0px 1px #88929d, 0px 40px 80px 0px #343b433d",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {
@@ -11056,7 +11350,7 @@
     "path": ["shadow", "floating", "large"]
   },
   "shadow-floating-xlarge": {
-    "value": "0px 0px 0px 1px #20252c, 0px 56px 112px 0px #343b4352",
+    "value": "0px 0px 0px 1px #88929d, 0px 56px 112px 0px #343b4352",
     "$type": "shadow",
     "$extensions": {
       "org.primer.figma": {