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

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

@@ -16953,7 +16953,7 @@
   },
   "controlKnob-borderColor-rest": {
     "key": "{controlKnob.borderColor.rest}",
-    "$value": "#818b98",
+    "$value": "#d1d9e0",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -16962,13 +16962,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": {
@@ -16977,7 +16984,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}"
@@ -44079,6 +44093,350 @@
     "attributes": {},
     "path": ["page", "header", "bgColor"]
   },
+  "progressBar-bgColor-accent": {
+    "key": "{progressBar.bgColor.accent}",
+    "$value": "#0969da",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-attention": {
+    "key": "{progressBar.bgColor.attention}",
+    "$value": "#9a6700",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-danger": {
+    "key": "{progressBar.bgColor.danger}",
+    "$value": "#cf222e",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-done": {
+    "key": "{progressBar.bgColor.done}",
+    "$value": "#8250df",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-neutral": {
+    "key": "{progressBar.bgColor.neutral}",
+    "$value": "#59636e",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-severe": {
+    "key": "{progressBar.bgColor.severe}",
+    "$value": "#bc4c00",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-sponsors": {
+    "key": "{progressBar.bgColor.sponsors}",
+    "$value": "#bf3989",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-bgColor-success": {
+    "key": "{progressBar.bgColor.success}",
+    "$value": "#1f883d",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-track-bgColor": {
+    "key": "{progressBar.track.bgColor}",
+    "$value": "#d1d9e0",
+    "$type": "color",
+    "$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"]
+  },
+  "progressBar-track-borderColor": {
+    "key": "{progressBar.track.borderColor}",
+    "$value": "#ffffff00",
+    "$type": "color",
+    "$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"]
+  },
   "reactionButton-selected-bgColor-hover": {
     "key": "{reactionButton.selected.bgColor.hover}",
     "$value": "#caecff",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "11.0.1-rc.84dc6db1",
+  "version": "11.1.0-rc.27a415da",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "type": "module",
   "files": [

package/src/tokens/component/progressBar.json5

@@ -0,0 +1,145 @@
+{
+  progressBar: {
+    track: {
+      bgColor: {
+        $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}',
+          },
+        },
+      },
+      borderColor: {
+        $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}',
+          },
+        },
+      },
+    },
+    bgColor: {
+      danger: {
+        $value: '{bgColor.danger.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      severe: {
+        $value: '{bgColor.severe.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      sponsors: {
+        $value: '{bgColor.sponsors.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      done: {
+        $value: '{bgColor.done.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      accent: {
+        $value: '{bgColor.accent.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      success: {
+        $value: '{bgColor.success.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+      neutral: {
+        $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}',
+          },
+        },
+      },
+      attention: {
+        $value: '{bgColor.attention.emphasis}',
+        $type: 'color',
+        $extensions: {
+          'org.primer.figma': {
+            collection: 'mode',
+            group: 'component',
+            scopes: ['bgColor'],
+          },
+        },
+      },
+    },
+  },
+}

package/src/tokens/functional/color/control.json5

@@ -1283,7 +1283,7 @@
     },
     borderColor: {
       rest: {
-        $value: '{control.borderColor.emphasis}',
+        $value: '{control.borderColor.rest}',
         $type: 'color',
         $extensions: {
           'org.primer.figma': {
@@ -1292,7 +1292,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}',
           },
         },
       },