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

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 (51) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  3. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  4. package/dist/css/functional/themes/dark.css +2 -2
  5. package/dist/css/functional/themes/light-colorblind.css +2 -2
  6. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/light.css +2 -2
  8. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +16 -2
  9. package/dist/docs/functional/themes/dark-colorblind.json +18 -4
  10. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +16 -2
  11. package/dist/docs/functional/themes/dark-dimmed.json +18 -4
  12. package/dist/docs/functional/themes/dark-high-contrast.json +16 -2
  13. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +16 -2
  14. package/dist/docs/functional/themes/dark-tritanopia.json +18 -4
  15. package/dist/docs/functional/themes/dark.json +18 -4
  16. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +16 -2
  17. package/dist/docs/functional/themes/light-colorblind.json +18 -4
  18. package/dist/docs/functional/themes/light-high-contrast.json +16 -2
  19. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +16 -2
  20. package/dist/docs/functional/themes/light-tritanopia.json +18 -4
  21. package/dist/docs/functional/themes/light.json +18 -4
  22. package/dist/figma/themes/dark-colorblind.json +4 -4
  23. package/dist/figma/themes/dark-dimmed.json +4 -4
  24. package/dist/figma/themes/dark-tritanopia.json +4 -4
  25. package/dist/figma/themes/dark.json +4 -4
  26. package/dist/figma/themes/light-colorblind.json +4 -4
  27. package/dist/figma/themes/light-tritanopia.json +4 -4
  28. package/dist/figma/themes/light.json +4 -4
  29. package/dist/internalCss/dark-colorblind.css +2 -2
  30. package/dist/internalCss/dark-dimmed.css +2 -2
  31. package/dist/internalCss/dark-tritanopia.css +2 -2
  32. package/dist/internalCss/dark.css +2 -2
  33. package/dist/internalCss/light-colorblind.css +2 -2
  34. package/dist/internalCss/light-tritanopia.css +2 -2
  35. package/dist/internalCss/light.css +2 -2
  36. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +16 -2
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +18 -4
  38. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +16 -2
  39. package/dist/styleLint/functional/themes/dark-dimmed.json +18 -4
  40. package/dist/styleLint/functional/themes/dark-high-contrast.json +16 -2
  41. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +16 -2
  42. package/dist/styleLint/functional/themes/dark-tritanopia.json +18 -4
  43. package/dist/styleLint/functional/themes/dark.json +18 -4
  44. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +16 -2
  45. package/dist/styleLint/functional/themes/light-colorblind.json +18 -4
  46. package/dist/styleLint/functional/themes/light-high-contrast.json +16 -2
  47. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +16 -2
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +18 -4
  49. package/dist/styleLint/functional/themes/light.json +18 -4
  50. package/package.json +1 -1
  51. package/src/tokens/functional/color/control.json5 +9 -2
@@ -16975,7 +16975,7 @@
16975
16975
  },
16976
16976
  "controlKnob-borderColor-rest": {
16977
16977
  "key": "{controlKnob.borderColor.rest}",
16978
- "$value": "#656c76",
16978
+ "$value": "#3d444d",
16979
16979
  "$type": "color",
16980
16980
  "$extensions": {
16981
16981
  "org.primer.figma": {
@@ -16984,13 +16984,20 @@
16984
16984
  "scopes": ["borderColor"]
16985
16985
  },
16986
16986
  "org.primer.overrides": {
16987
- "dark": "#656c76"
16987
+ "dark": "#3d444d",
16988
+ "dark-dimmed-high-contrast": "#656c76",
16989
+ "light-high-contrast": "#656c76",
16990
+ "light-tritanopia-high-contrast": "#656c76",
16991
+ "light-protanopia-deuteranopia-high-contrast": "#656c76",
16992
+ "dark-high-contrast": "#656c76",
16993
+ "dark-tritanopia-high-contrast": "#656c76",
16994
+ "dark-protanopia-deuteranopia-high-contrast": "#656c76"
16988
16995
  }
16989
16996
  },
16990
16997
  "filePath": "src/tokens/functional/color/control.json5",
16991
16998
  "isSource": true,
16992
16999
  "original": {
16993
- "$value": "{control.borderColor.emphasis}",
17000
+ "$value": "{control.borderColor.rest}",
16994
17001
  "$type": "color",
16995
17002
  "$extensions": {
16996
17003
  "org.primer.figma": {
@@ -16999,7 +17006,14 @@
16999
17006
  "scopes": ["borderColor"]
17000
17007
  },
17001
17008
  "org.primer.overrides": {
17002
- "dark": "{control.borderColor.emphasis}"
17009
+ "dark": "{control.borderColor.rest}",
17010
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
17011
+ "light-high-contrast": "{control.borderColor.emphasis}",
17012
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17013
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
17014
+ "dark-high-contrast": "{control.borderColor.emphasis}",
17015
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17016
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
17003
17017
  }
17004
17018
  },
17005
17019
  "key": "{controlKnob.borderColor.rest}"
@@ -16967,7 +16967,7 @@
16967
16967
  },
16968
16968
  "controlKnob-borderColor-rest": {
16969
16969
  "key": "{controlKnob.borderColor.rest}",
16970
- "$value": "#656c76",
16970
+ "$value": "#3d444d",
16971
16971
  "$type": "color",
16972
16972
  "$extensions": {
16973
16973
  "org.primer.figma": {
@@ -16976,13 +16976,20 @@
16976
16976
  "scopes": ["borderColor"]
16977
16977
  },
16978
16978
  "org.primer.overrides": {
16979
- "dark": "#656c76"
16979
+ "dark": "#3d444d",
16980
+ "dark-dimmed-high-contrast": "#656c76",
16981
+ "light-high-contrast": "#656c76",
16982
+ "light-tritanopia-high-contrast": "#656c76",
16983
+ "light-protanopia-deuteranopia-high-contrast": "#656c76",
16984
+ "dark-high-contrast": "#656c76",
16985
+ "dark-tritanopia-high-contrast": "#656c76",
16986
+ "dark-protanopia-deuteranopia-high-contrast": "#656c76"
16980
16987
  }
16981
16988
  },
16982
16989
  "filePath": "src/tokens/functional/color/control.json5",
16983
16990
  "isSource": true,
16984
16991
  "original": {
16985
- "$value": "{control.borderColor.emphasis}",
16992
+ "$value": "{control.borderColor.rest}",
16986
16993
  "$type": "color",
16987
16994
  "$extensions": {
16988
16995
  "org.primer.figma": {
@@ -16991,7 +16998,14 @@
16991
16998
  "scopes": ["borderColor"]
16992
16999
  },
16993
17000
  "org.primer.overrides": {
16994
- "dark": "{control.borderColor.emphasis}"
17001
+ "dark": "{control.borderColor.rest}",
17002
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
17003
+ "light-high-contrast": "{control.borderColor.emphasis}",
17004
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17005
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
17006
+ "dark-high-contrast": "{control.borderColor.emphasis}",
17007
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17008
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16995
17009
  }
16996
17010
  },
16997
17011
  "key": "{controlKnob.borderColor.rest}"
@@ -16968,7 +16968,14 @@
16968
16968
  "scopes": ["borderColor"]
16969
16969
  },
16970
16970
  "org.primer.overrides": {
16971
- "dark": "#454c54"
16971
+ "dark": "#454c54",
16972
+ "dark-dimmed-high-contrast": "#454c54",
16973
+ "light-high-contrast": "#454c54",
16974
+ "light-tritanopia-high-contrast": "#454c54",
16975
+ "light-protanopia-deuteranopia-high-contrast": "#454c54",
16976
+ "dark-high-contrast": "#454c54",
16977
+ "dark-tritanopia-high-contrast": "#454c54",
16978
+ "dark-protanopia-deuteranopia-high-contrast": "#454c54"
16972
16979
  }
16973
16980
  },
16974
16981
  "filePath": "src/tokens/functional/color/control.json5",
@@ -16983,7 +16990,14 @@
16983
16990
  "scopes": ["borderColor"]
16984
16991
  },
16985
16992
  "org.primer.overrides": {
16986
- "dark": "{control.borderColor.emphasis}"
16993
+ "dark": "{control.borderColor.rest}",
16994
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16995
+ "light-high-contrast": "{control.borderColor.emphasis}",
16996
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16997
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16998
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16999
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17000
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16987
17001
  }
16988
17002
  },
16989
17003
  "key": "{controlKnob.borderColor.rest}"
@@ -16957,7 +16957,7 @@
16957
16957
  },
16958
16958
  "controlKnob-borderColor-rest": {
16959
16959
  "key": "{controlKnob.borderColor.rest}",
16960
- "$value": "#818b98",
16960
+ "$value": "#d1d9e0",
16961
16961
  "$type": "color",
16962
16962
  "$extensions": {
16963
16963
  "org.primer.figma": {
@@ -16966,13 +16966,20 @@
16966
16966
  "scopes": ["borderColor"]
16967
16967
  },
16968
16968
  "org.primer.overrides": {
16969
- "dark": "#818b98"
16969
+ "dark": "#d1d9e0",
16970
+ "dark-dimmed-high-contrast": "#818b98",
16971
+ "light-high-contrast": "#818b98",
16972
+ "light-tritanopia-high-contrast": "#818b98",
16973
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
16974
+ "dark-high-contrast": "#818b98",
16975
+ "dark-tritanopia-high-contrast": "#818b98",
16976
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98"
16970
16977
  }
16971
16978
  },
16972
16979
  "filePath": "src/tokens/functional/color/control.json5",
16973
16980
  "isSource": true,
16974
16981
  "original": {
16975
- "$value": "{control.borderColor.emphasis}",
16982
+ "$value": "{control.borderColor.rest}",
16976
16983
  "$type": "color",
16977
16984
  "$extensions": {
16978
16985
  "org.primer.figma": {
@@ -16981,7 +16988,14 @@
16981
16988
  "scopes": ["borderColor"]
16982
16989
  },
16983
16990
  "org.primer.overrides": {
16984
- "dark": "{control.borderColor.emphasis}"
16991
+ "dark": "{control.borderColor.rest}",
16992
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16993
+ "light-high-contrast": "{control.borderColor.emphasis}",
16994
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16995
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16996
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16997
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16998
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16985
16999
  }
16986
17000
  },
16987
17001
  "key": "{controlKnob.borderColor.rest}"
@@ -16964,7 +16964,14 @@
16964
16964
  "scopes": ["borderColor"]
16965
16965
  },
16966
16966
  "org.primer.overrides": {
16967
- "dark": "#454c54"
16967
+ "dark": "#454c54",
16968
+ "dark-dimmed-high-contrast": "#454c54",
16969
+ "light-high-contrast": "#454c54",
16970
+ "light-tritanopia-high-contrast": "#454c54",
16971
+ "light-protanopia-deuteranopia-high-contrast": "#454c54",
16972
+ "dark-high-contrast": "#454c54",
16973
+ "dark-tritanopia-high-contrast": "#454c54",
16974
+ "dark-protanopia-deuteranopia-high-contrast": "#454c54"
16968
16975
  }
16969
16976
  },
16970
16977
  "filePath": "src/tokens/functional/color/control.json5",
@@ -16979,7 +16986,14 @@
16979
16986
  "scopes": ["borderColor"]
16980
16987
  },
16981
16988
  "org.primer.overrides": {
16982
- "dark": "{control.borderColor.emphasis}"
16989
+ "dark": "{control.borderColor.rest}",
16990
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16991
+ "light-high-contrast": "{control.borderColor.emphasis}",
16992
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16993
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16994
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16995
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16996
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16983
16997
  }
16984
16998
  },
16985
16999
  "key": "{controlKnob.borderColor.rest}"
@@ -16968,7 +16968,14 @@
16968
16968
  "scopes": ["borderColor"]
16969
16969
  },
16970
16970
  "org.primer.overrides": {
16971
- "dark": "#454c54"
16971
+ "dark": "#454c54",
16972
+ "dark-dimmed-high-contrast": "#454c54",
16973
+ "light-high-contrast": "#454c54",
16974
+ "light-tritanopia-high-contrast": "#454c54",
16975
+ "light-protanopia-deuteranopia-high-contrast": "#454c54",
16976
+ "dark-high-contrast": "#454c54",
16977
+ "dark-tritanopia-high-contrast": "#454c54",
16978
+ "dark-protanopia-deuteranopia-high-contrast": "#454c54"
16972
16979
  }
16973
16980
  },
16974
16981
  "filePath": "src/tokens/functional/color/control.json5",
@@ -16983,7 +16990,14 @@
16983
16990
  "scopes": ["borderColor"]
16984
16991
  },
16985
16992
  "org.primer.overrides": {
16986
- "dark": "{control.borderColor.emphasis}"
16993
+ "dark": "{control.borderColor.rest}",
16994
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16995
+ "light-high-contrast": "{control.borderColor.emphasis}",
16996
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16997
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16998
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16999
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17000
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16987
17001
  }
16988
17002
  },
16989
17003
  "key": "{controlKnob.borderColor.rest}"
@@ -16957,7 +16957,7 @@
16957
16957
  },
16958
16958
  "controlKnob-borderColor-rest": {
16959
16959
  "key": "{controlKnob.borderColor.rest}",
16960
- "$value": "#818b98",
16960
+ "$value": "#d1d9e0",
16961
16961
  "$type": "color",
16962
16962
  "$extensions": {
16963
16963
  "org.primer.figma": {
@@ -16966,13 +16966,20 @@
16966
16966
  "scopes": ["borderColor"]
16967
16967
  },
16968
16968
  "org.primer.overrides": {
16969
- "dark": "#818b98"
16969
+ "dark": "#d1d9e0",
16970
+ "dark-dimmed-high-contrast": "#818b98",
16971
+ "light-high-contrast": "#818b98",
16972
+ "light-tritanopia-high-contrast": "#818b98",
16973
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
16974
+ "dark-high-contrast": "#818b98",
16975
+ "dark-tritanopia-high-contrast": "#818b98",
16976
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98"
16970
16977
  }
16971
16978
  },
16972
16979
  "filePath": "src/tokens/functional/color/control.json5",
16973
16980
  "isSource": true,
16974
16981
  "original": {
16975
- "$value": "{control.borderColor.emphasis}",
16982
+ "$value": "{control.borderColor.rest}",
16976
16983
  "$type": "color",
16977
16984
  "$extensions": {
16978
16985
  "org.primer.figma": {
@@ -16981,7 +16988,14 @@
16981
16988
  "scopes": ["borderColor"]
16982
16989
  },
16983
16990
  "org.primer.overrides": {
16984
- "dark": "{control.borderColor.emphasis}"
16991
+ "dark": "{control.borderColor.rest}",
16992
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16993
+ "light-high-contrast": "{control.borderColor.emphasis}",
16994
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16995
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16996
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16997
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16998
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16985
16999
  }
16986
17000
  },
16987
17001
  "key": "{controlKnob.borderColor.rest}"
@@ -16953,7 +16953,7 @@
16953
16953
  },
16954
16954
  "controlKnob-borderColor-rest": {
16955
16955
  "key": "{controlKnob.borderColor.rest}",
16956
- "$value": "#818b98",
16956
+ "$value": "#d1d9e0",
16957
16957
  "$type": "color",
16958
16958
  "$extensions": {
16959
16959
  "org.primer.figma": {
@@ -16962,13 +16962,20 @@
16962
16962
  "scopes": ["borderColor"]
16963
16963
  },
16964
16964
  "org.primer.overrides": {
16965
- "dark": "#818b98"
16965
+ "dark": "#d1d9e0",
16966
+ "dark-dimmed-high-contrast": "#818b98",
16967
+ "light-high-contrast": "#818b98",
16968
+ "light-tritanopia-high-contrast": "#818b98",
16969
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
16970
+ "dark-high-contrast": "#818b98",
16971
+ "dark-tritanopia-high-contrast": "#818b98",
16972
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98"
16966
16973
  }
16967
16974
  },
16968
16975
  "filePath": "src/tokens/functional/color/control.json5",
16969
16976
  "isSource": true,
16970
16977
  "original": {
16971
- "$value": "{control.borderColor.emphasis}",
16978
+ "$value": "{control.borderColor.rest}",
16972
16979
  "$type": "color",
16973
16980
  "$extensions": {
16974
16981
  "org.primer.figma": {
@@ -16977,7 +16984,14 @@
16977
16984
  "scopes": ["borderColor"]
16978
16985
  },
16979
16986
  "org.primer.overrides": {
16980
- "dark": "{control.borderColor.emphasis}"
16987
+ "dark": "{control.borderColor.rest}",
16988
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16989
+ "light-high-contrast": "{control.borderColor.emphasis}",
16990
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16991
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16992
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16993
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16994
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16981
16995
  }
16982
16996
  },
16983
16997
  "key": "{controlKnob.borderColor.rest}"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "11.0.1-rc.84dc6db1",
3
+ "version": "11.1.0-rc.f0583fc7",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "type": "module",
6
6
  "files": [
@@ -1283,7 +1283,7 @@
1283
1283
  },
1284
1284
  borderColor: {
1285
1285
  rest: {
1286
- $value: '{control.borderColor.emphasis}',
1286
+ $value: '{control.borderColor.rest}',
1287
1287
  $type: 'color',
1288
1288
  $extensions: {
1289
1289
  'org.primer.figma': {
@@ -1292,7 +1292,14 @@
1292
1292
  scopes: ['borderColor'],
1293
1293
  },
1294
1294
  'org.primer.overrides': {
1295
- dark: '{control.borderColor.emphasis}',
1295
+ dark: '{control.borderColor.rest}',
1296
+ 'dark-dimmed-high-contrast': '{control.borderColor.emphasis}',
1297
+ 'light-high-contrast': '{control.borderColor.emphasis}',
1298
+ 'light-tritanopia-high-contrast': '{control.borderColor.emphasis}',
1299
+ 'light-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
1300
+ 'dark-high-contrast': '{control.borderColor.emphasis}',
1301
+ 'dark-tritanopia-high-contrast': '{control.borderColor.emphasis}',
1302
+ 'dark-protanopia-deuteranopia-high-contrast': '{control.borderColor.emphasis}',
1296
1303
  },
1297
1304
  },
1298
1305
  },