@primer/primitives 11.0.1-rc.84dc6db1 → 11.1.0-rc.27a415da

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

@@ -16960,13 +16960,20 @@
         "scopes": ["borderColor"]
       },
       "org.primer.overrides": {
-        "dark": "#818b98"
+        "dark": "#d1d9e0",
+        "dark-dimmed-high-contrast": "#818b98",
+        "light-high-contrast": "#818b98",
+        "light-tritanopia-high-contrast": "#818b98",
+        "light-protanopia-deuteranopia-high-contrast": "#818b98",
+        "dark-high-contrast": "#818b98",
+        "dark-tritanopia-high-contrast": "#818b98",
+        "dark-protanopia-deuteranopia-high-contrast": "#818b98"
       }
     },
     "filePath": "src/tokens/functional/color/control.json5",
     "isSource": true,
     "original": {
-      "$value": "{control.borderColor.emphasis}",
+      "$value": "{control.borderColor.rest}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -16975,7 +16982,14 @@
           "scopes": ["borderColor"]
         },
         "org.primer.overrides": {
-          "dark": "{control.borderColor.emphasis}"
+          "dark": "{control.borderColor.rest}",
+          "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
+          "light-high-contrast": "{control.borderColor.emphasis}",
+          "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
+          "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
+          "dark-high-contrast": "{control.borderColor.emphasis}",
+          "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
+          "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
         }
       },
       "key": "{controlKnob.borderColor.rest}"
@@ -16983,7 +16997,7 @@
     "name": "controlKnob-borderColor-rest",
     "attributes": {},
     "path": ["controlKnob", "borderColor", "rest"],
-    "value": "#818b98",
+    "value": "#d1d9e0",
     "type": "color"
   },
   "controlTrack-bgColor-active": {
@@ -44079,6 +44093,350 @@
     "value": "#f6f8fa",
     "type": "color"
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.accent.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.accent}"
+    },
+    "name": "progressBar-bgColor-accent",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "accent"],
+    "value": "#0969da",
+    "type": "color"
+  },
+  "progressBar-bgColor-attention": {
+    "key": "{progressBar.bgColor.attention}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.attention.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.attention}"
+    },
+    "name": "progressBar-bgColor-attention",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "attention"],
+    "value": "#9a6700",
+    "type": "color"
+  },
+  "progressBar-bgColor-danger": {
+    "key": "{progressBar.bgColor.danger}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.danger.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.danger}"
+    },
+    "name": "progressBar-bgColor-danger",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "danger"],
+    "value": "#cf222e",
+    "type": "color"
+  },
+  "progressBar-bgColor-done": {
+    "key": "{progressBar.bgColor.done}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.done.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.done}"
+    },
+    "name": "progressBar-bgColor-done",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "done"],
+    "value": "#8250df",
+    "type": "color"
+  },
+  "progressBar-bgColor-neutral": {
+    "key": "{progressBar.bgColor.neutral}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#818b98",
+        "dark-dimmed-high-contrast": "#818b98",
+        "dark-protanopia-deuteranopia-high-contrast": "#818b98",
+        "dark-tritanopia-high-contrast": "#818b98",
+        "light-high-contrast": "#818b98",
+        "light-protanopia-deuteranopia-high-contrast": "#818b98",
+        "light-tritanopia-high-contrast": "#818b98"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.neutral.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{base.color.neutral.8}",
+          "dark-dimmed-high-contrast": "{base.color.neutral.8}",
+          "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
+          "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
+          "light-high-contrast": "{base.color.neutral.8}",
+          "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
+          "light-tritanopia-high-contrast": "{base.color.neutral.8}"
+        }
+      },
+      "key": "{progressBar.bgColor.neutral}"
+    },
+    "name": "progressBar-bgColor-neutral",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "neutral"],
+    "value": "#59636e",
+    "type": "color"
+  },
+  "progressBar-bgColor-severe": {
+    "key": "{progressBar.bgColor.severe}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.severe.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.severe}"
+    },
+    "name": "progressBar-bgColor-severe",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "severe"],
+    "value": "#bc4c00",
+    "type": "color"
+  },
+  "progressBar-bgColor-sponsors": {
+    "key": "{progressBar.bgColor.sponsors}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.sponsors.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.sponsors}"
+    },
+    "name": "progressBar-bgColor-sponsors",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "sponsors"],
+    "value": "#bf3989",
+    "type": "color"
+  },
+  "progressBar-bgColor-success": {
+    "key": "{progressBar.bgColor.success}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{bgColor.success.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      },
+      "key": "{progressBar.bgColor.success}"
+    },
+    "name": "progressBar-bgColor-success",
+    "attributes": {},
+    "path": ["progressBar", "bgColor", "success"],
+    "value": "#1f883d",
+    "type": "color"
+  },
+  "progressBar-track-bgColor": {
+    "key": "{progressBar.track.bgColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["bgColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#25292e",
+        "dark-dimmed-high-contrast": "#25292e",
+        "dark-protanopia-deuteranopia-high-contrast": "#25292e",
+        "dark-tritanopia-high-contrast": "#25292e",
+        "light-high-contrast": "#ffffff",
+        "light-protanopia-deuteranopia-high-contrast": "#ffffff",
+        "light-tritanopia-high-contrast": "#ffffff"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{borderColor.default}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["bgColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{bgColor.inverse}",
+          "dark-dimmed-high-contrast": "{bgColor.inverse}",
+          "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
+          "dark-tritanopia-high-contrast": "{bgColor.inverse}",
+          "light-high-contrast": "{bgColor.default}",
+          "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
+          "light-tritanopia-high-contrast": "{bgColor.default}"
+        }
+      },
+      "key": "{progressBar.track.bgColor}"
+    },
+    "name": "progressBar-track-bgColor",
+    "attributes": {},
+    "path": ["progressBar", "track", "bgColor"],
+    "value": "#d1d9e0",
+    "type": "color"
+  },
+  "progressBar-track-borderColor": {
+    "key": "{progressBar.track.borderColor}",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "group": "component",
+        "scopes": ["borderColor"]
+      },
+      "org.primer.overrides": {
+        "dark-high-contrast": "#d1d9e0",
+        "dark-dimmed-high-contrast": "#d1d9e0",
+        "dark-protanopia-deuteranopia-high-contrast": "#d1d9e0",
+        "dark-tritanopia-high-contrast": "#d1d9e0",
+        "light-high-contrast": "#393f46",
+        "light-protanopia-deuteranopia-high-contrast": "#393f46",
+        "light-tritanopia-high-contrast": "#393f46"
+      }
+    },
+    "filePath": "src/tokens/component/progressBar.json5",
+    "isSource": true,
+    "original": {
+      "$value": "{base.color.transparent}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "group": "component",
+          "scopes": ["borderColor"]
+        },
+        "org.primer.overrides": {
+          "dark-high-contrast": "{progressBar.track.bgColor}",
+          "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
+          "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
+          "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
+          "light-high-contrast": "{base.color.neutral.11}",
+          "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
+          "light-tritanopia-high-contrast": "{base.color.neutral.11}"
+        }
+      },
+      "key": "{progressBar.track.borderColor}"
+    },
+    "name": "progressBar-track-borderColor",
+    "attributes": {},
+    "path": ["progressBar", "track", "borderColor"],
+    "value": "#ffffff00",
+    "type": "color"
+  },
   "reactionButton-selected-bgColor-hover": {
     "key": "{reactionButton.selected.bgColor.hover}",
     "$extensions": {

package/dist/figma/themes/dark-colorblind-high-contrast.json

@@ -5767,6 +5767,166 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "progressBar/track/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/bgColor",
+    "reference": "mode/bgColor/inverse",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/track/borderColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/track/borderColor",
+    "reference": "mode/progressBar/track/bgColor",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["STROKE_COLOR"]
+  },
+  {
+    "name": "progressBar/bgColor/danger",
+    "value": {
+      "r": 0.5607843137254902,
+      "g": 0.23529411764705882,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/danger",
+    "reference": "mode/bgColor/danger-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/severe",
+    "value": {
+      "r": 0.5607843137254902,
+      "g": 0.23529411764705882,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/severe",
+    "reference": "mode/bgColor/severe-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/sponsors",
+    "value": {
+      "r": 0.611764705882353,
+      "g": 0.11372549019607843,
+      "b": 0.41568627450980394,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/sponsors",
+    "reference": "mode/bgColor/sponsors-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/done",
+    "value": {
+      "r": 0.4117647058823529,
+      "g": 0.12941176470588237,
+      "b": 0.8431372549019608,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/done",
+    "reference": "mode/bgColor/done-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/accent",
+    "value": {
+      "r": 0.09803921568627451,
+      "g": 0.30980392156862746,
+      "b": 0.6941176470588235,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/accent",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/success",
+    "value": {
+      "r": 0.09803921568627451,
+      "g": 0.30980392156862746,
+      "b": 0.6941176470588235,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/success",
+    "reference": "mode/bgColor/success-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/neutral",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/neutral",
+    "reference": "base/color/dark/base/color/neutral/8",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "progressBar/bgColor/attention",
+    "value": {
+      "r": 0.4823529411764706,
+      "g": 0.28627450980392155,
+      "b": 0,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/progressBar/bgColor/attention",
+    "reference": "mode/bgColor/attention-emphasis",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "reactionButton/selected/bgColor/rest",
     "value": {