@primer/primitives 11.5.0-rc.eeffc81e → 11.5.1-rc.6029befd

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 (65) hide show
  1. package/DESIGN_TOKENS_GUIDE.md +24 -0
  2. package/DESIGN_TOKENS_SPEC.md +42 -0
  3. package/dist/css/base/size/z-index.css +9 -0
  4. package/dist/css/functional/size/z-index.css +10 -0
  5. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +4 -4
  6. package/dist/css/functional/themes/dark-colorblind.css +4 -4
  7. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +4 -4
  8. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  9. package/dist/css/functional/themes/dark-high-contrast.css +4 -4
  10. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +4 -4
  11. package/dist/css/functional/themes/dark-tritanopia.css +4 -4
  12. package/dist/css/functional/themes/dark.css +4 -4
  13. package/dist/css/primitives.css +2 -0
  14. package/dist/docs/base/size/z-index.json +107 -0
  15. package/dist/docs/functional/size/z-index.json +234 -0
  16. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +70 -22
  17. package/dist/docs/functional/themes/dark-colorblind.json +70 -22
  18. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +70 -22
  19. package/dist/docs/functional/themes/dark-dimmed.json +108 -60
  20. package/dist/docs/functional/themes/dark-high-contrast.json +70 -22
  21. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  22. package/dist/docs/functional/themes/dark-tritanopia.json +70 -22
  23. package/dist/docs/functional/themes/dark.json +70 -22
  24. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +66 -18
  25. package/dist/docs/functional/themes/light-colorblind.json +66 -18
  26. package/dist/docs/functional/themes/light-high-contrast.json +66 -18
  27. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +66 -18
  28. package/dist/docs/functional/themes/light-tritanopia.json +66 -18
  29. package/dist/docs/functional/themes/light.json +66 -18
  30. package/dist/fallbacks/base/size/z-index.json +9 -0
  31. package/dist/fallbacks/functional/size/z-index.json +10 -0
  32. package/dist/figma/themes/dark-colorblind.json +8 -8
  33. package/dist/figma/themes/dark-dimmed.json +57 -57
  34. package/dist/figma/themes/dark-high-contrast.json +8 -8
  35. package/dist/figma/themes/dark-tritanopia.json +8 -8
  36. package/dist/figma/themes/dark.json +8 -8
  37. package/dist/internalCss/dark-colorblind-high-contrast.css +4 -4
  38. package/dist/internalCss/dark-colorblind.css +4 -4
  39. package/dist/internalCss/dark-dimmed-high-contrast.css +4 -4
  40. package/dist/internalCss/dark-dimmed.css +6 -6
  41. package/dist/internalCss/dark-high-contrast.css +4 -4
  42. package/dist/internalCss/dark-tritanopia-high-contrast.css +4 -4
  43. package/dist/internalCss/dark-tritanopia.css +4 -4
  44. package/dist/internalCss/dark.css +4 -4
  45. package/dist/styleLint/base/size/z-index.json +107 -0
  46. package/dist/styleLint/functional/size/z-index.json +234 -0
  47. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +70 -22
  48. package/dist/styleLint/functional/themes/dark-colorblind.json +70 -22
  49. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +70 -22
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +108 -60
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +70 -22
  52. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +70 -22
  53. package/dist/styleLint/functional/themes/dark-tritanopia.json +70 -22
  54. package/dist/styleLint/functional/themes/dark.json +70 -22
  55. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +66 -18
  56. package/dist/styleLint/functional/themes/light-colorblind.json +66 -18
  57. package/dist/styleLint/functional/themes/light-high-contrast.json +66 -18
  58. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +66 -18
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +66 -18
  60. package/dist/styleLint/functional/themes/light.json +66 -18
  61. package/package.json +1 -1
  62. package/src/tokens/base/size/z-index.json5 +34 -0
  63. package/src/tokens/functional/color/control.json5 +20 -8
  64. package/src/tokens/functional/color/fgColor.json5 +1 -1
  65. package/src/tokens/functional/size/z-index.json5 +92 -0
package/dist/docs/functional/themes/dark-dimmed-high-contrast.json CHANGED
@@ -20318,9 +20318,33 @@
20318
20318
  "scopes": ["bgColor"]
20319
20319
  },
20320
20320
  "org.primer.overrides": {
20321
- "dark": "#151b23",
20321
+ "dark": "#262c36",
20322
+ "dark-high-contrast": {
20323
+ "$value": "#2a313c",
20324
+ "filePath": "src/tokens/functional/color/control.json5",
20325
+ "isSource": true,
20326
+ "$type": "color"
20327
+ },
20328
+ "dark-tritanopia-high-contrast": {
20329
+ "$value": "#2a313c",
20330
+ "filePath": "src/tokens/functional/color/control.json5",
20331
+ "isSource": true,
20332
+ "$type": "color"
20333
+ },
20334
+ "dark-protanopia-deuteranopia-high-contrast": {
20335
+ "$value": "#2a313c",
20336
+ "filePath": "src/tokens/functional/color/control.json5",
20337
+ "isSource": true,
20338
+ "$type": "color"
20339
+ },
20322
20340
  "dark-dimmed": {
20323
- "$value": "#151b23",
20341
+ "$value": "#2a313c",
20342
+ "filePath": "src/tokens/functional/color/control.json5",
20343
+ "isSource": true,
20344
+ "$type": "color"
20345
+ },
20346
+ "dark-dimmed-high-contrast": {
20347
+ "$value": "#2a313c",
20324
20348
  "filePath": "src/tokens/functional/color/control.json5",
20325
20349
  "isSource": true,
20326
20350
  "$type": "color"
@@ -20330,7 +20354,7 @@
20330
20354
  "filePath": "src/tokens/functional/color/control.json5",
20331
20355
  "isSource": true,
20332
20356
  "original": {
20333
- "$value": "{bgColor.inset}",
20357
+ "$value": "{base.color.neutral.5}",
20334
20358
  "$type": "color",
20335
20359
  "$extensions": {
20336
20360
  "org.primer.figma": {
@@ -20339,9 +20363,33 @@
20339
20363
  "scopes": ["bgColor"]
20340
20364
  },
20341
20365
  "org.primer.overrides": {
20342
- "dark": "{bgColor.inset}",
20366
+ "dark": "{base.color.neutral.4}",
20367
+ "dark-high-contrast": {
20368
+ "$value": "{base.color.neutral.5}",
20369
+ "filePath": "src/tokens/functional/color/control.json5",
20370
+ "isSource": true,
20371
+ "$type": "color"
20372
+ },
20373
+ "dark-tritanopia-high-contrast": {
20374
+ "$value": "{base.color.neutral.5}",
20375
+ "filePath": "src/tokens/functional/color/control.json5",
20376
+ "isSource": true,
20377
+ "$type": "color"
20378
+ },
20379
+ "dark-protanopia-deuteranopia-high-contrast": {
20380
+ "$value": "{base.color.neutral.5}",
20381
+ "filePath": "src/tokens/functional/color/control.json5",
20382
+ "isSource": true,
20383
+ "$type": "color"
20384
+ },
20343
20385
  "dark-dimmed": {
20344
- "$value": "{bgColor.inset}",
20386
+ "$value": "{base.color.neutral.5}",
20387
+ "filePath": "src/tokens/functional/color/control.json5",
20388
+ "isSource": true,
20389
+ "$type": "color"
20390
+ },
20391
+ "dark-dimmed-high-contrast": {
20392
+ "$value": "{base.color.neutral.5}",
20345
20393
  "filePath": "src/tokens/functional/color/control.json5",
20346
20394
  "isSource": true,
20347
20395
  "$type": "color"
@@ -20353,7 +20401,7 @@
20353
20401
  "name": "controlKnob-bgColor-rest",
20354
20402
  "attributes": {},
20355
20403
  "path": ["controlKnob", "bgColor", "rest"],
20356
- "value": "#151b23",
20404
+ "value": "#2a313c",
20357
20405
  "type": "color"
20358
20406
  },
20359
20407
  "controlKnob-borderColor-checked": {
@@ -20781,33 +20829,33 @@
20781
20829
  "scopes": ["bgColor"]
20782
20830
  },
20783
20831
  "org.primer.overrides": {
20784
- "dark": "#262c36",
20832
+ "dark": "#010409",
20785
20833
  "dark-high-contrast": {
20786
- "$value": "#2a313c",
20834
+ "$value": "#010409",
20787
20835
  "filePath": "src/tokens/functional/color/control.json5",
20788
20836
  "isSource": true,
20789
20837
  "$type": "color"
20790
20838
  },
20791
20839
  "dark-tritanopia-high-contrast": {
20792
- "$value": "#2a313c",
20840
+ "$value": "#010409",
20793
20841
  "filePath": "src/tokens/functional/color/control.json5",
20794
20842
  "isSource": true,
20795
20843
  "$type": "color"
20796
20844
  },
20797
20845
  "dark-protanopia-deuteranopia-high-contrast": {
20798
- "$value": "#2a313c",
20846
+ "$value": "#010409",
20799
20847
  "filePath": "src/tokens/functional/color/control.json5",
20800
20848
  "isSource": true,
20801
20849
  "$type": "color"
20802
20850
  },
20803
20851
  "dark-dimmed": {
20804
- "$value": "#2a313c",
20852
+ "$value": "#151b23",
20805
20853
  "filePath": "src/tokens/functional/color/control.json5",
20806
20854
  "isSource": true,
20807
20855
  "$type": "color"
20808
20856
  },
20809
20857
  "dark-dimmed-high-contrast": {
20810
- "$value": "#2a313c",
20858
+ "$value": "#151b23",
20811
20859
  "filePath": "src/tokens/functional/color/control.json5",
20812
20860
  "isSource": true,
20813
20861
  "$type": "color"
@@ -20835,7 +20883,7 @@
20835
20883
  "filePath": "src/tokens/functional/color/control.json5",
20836
20884
  "isSource": true,
20837
20885
  "original": {
20838
- "$value": "{base.color.neutral.5}",
20886
+ "$value": "{base.color.neutral.2}",
20839
20887
  "$type": "color",
20840
20888
  "$extensions": {
20841
20889
  "org.primer.figma": {
@@ -20844,33 +20892,33 @@
20844
20892
  "scopes": ["bgColor"]
20845
20893
  },
20846
20894
  "org.primer.overrides": {
20847
- "dark": "{base.color.neutral.4}",
20895
+ "dark": "{base.color.neutral.0}",
20848
20896
  "dark-high-contrast": {
20849
- "$value": "{base.color.neutral.5}",
20897
+ "$value": "{base.color.neutral.0}",
20850
20898
  "filePath": "src/tokens/functional/color/control.json5",
20851
20899
  "isSource": true,
20852
20900
  "$type": "color"
20853
20901
  },
20854
20902
  "dark-tritanopia-high-contrast": {
20855
- "$value": "{base.color.neutral.5}",
20903
+ "$value": "{base.color.neutral.0}",
20856
20904
  "filePath": "src/tokens/functional/color/control.json5",
20857
20905
  "isSource": true,
20858
20906
  "$type": "color"
20859
20907
  },
20860
20908
  "dark-protanopia-deuteranopia-high-contrast": {
20861
- "$value": "{base.color.neutral.5}",
20909
+ "$value": "{base.color.neutral.0}",
20862
20910
  "filePath": "src/tokens/functional/color/control.json5",
20863
20911
  "isSource": true,
20864
20912
  "$type": "color"
20865
20913
  },
20866
20914
  "dark-dimmed": {
20867
- "$value": "{base.color.neutral.5}",
20915
+ "$value": "{base.color.neutral.2}",
20868
20916
  "filePath": "src/tokens/functional/color/control.json5",
20869
20917
  "isSource": true,
20870
20918
  "$type": "color"
20871
20919
  },
20872
20920
  "dark-dimmed-high-contrast": {
20873
- "$value": "{base.color.neutral.5}",
20921
+ "$value": "{base.color.neutral.2}",
20874
20922
  "filePath": "src/tokens/functional/color/control.json5",
20875
20923
  "isSource": true,
20876
20924
  "$type": "color"
@@ -20900,7 +20948,7 @@
20900
20948
  "name": "controlTrack-bgColor-rest",
20901
20949
  "attributes": {},
20902
20950
  "path": ["controlTrack", "bgColor", "rest"],
20903
- "value": "#2a313c",
20951
+ "value": "#151b23",
20904
20952
  "type": "color"
20905
20953
  },
20906
20954
  "controlTrack-borderColor-disabled": {
@@ -38612,7 +38660,7 @@
38612
38660
  "dark-high-contrast": "#cdd9e5",
38613
38661
  "dark-tritanopia-high-contrast": "#cdd9e5",
38614
38662
  "dark-protanopia-deuteranopia-high-contrast": "#cdd9e5",
38615
- "dark-dimmed": "#f0f6fc",
38663
+ "dark-dimmed": "#d1d7e0",
38616
38664
  "dark-dimmed-high-contrast": "#f0f6fc"
38617
38665
  },
38618
38666
  "org.primer.llm": {
@@ -38640,7 +38688,7 @@
38640
38688
  "dark-high-contrast": "{base.color.neutral.13}",
38641
38689
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38642
38690
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38643
- "dark-dimmed": "{base.color.neutral.12}",
38691
+ "dark-dimmed": "{base.color.neutral.11}",
38644
38692
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38645
38693
  },
38646
38694
  "org.primer.llm": {