@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/styleLint/functional/themes/dark-dimmed-high-contrast.json CHANGED
@@ -20431,7 +20431,7 @@
20431
20431
  },
20432
20432
  "controlKnob-bgColor-rest": {
20433
20433
  "key": "{controlKnob.bgColor.rest}",
20434
- "$value": "#151b23",
20434
+ "$value": "#2a313c",
20435
20435
  "$type": "color",
20436
20436
  "$extensions": {
20437
20437
  "org.primer.figma": {
@@ -20440,9 +20440,33 @@
20440
20440
  "scopes": ["bgColor"]
20441
20441
  },
20442
20442
  "org.primer.overrides": {
20443
- "dark": "#151b23",
20443
+ "dark": "#262c36",
20444
+ "dark-high-contrast": {
20445
+ "$value": "#2a313c",
20446
+ "filePath": "src/tokens/functional/color/control.json5",
20447
+ "isSource": true,
20448
+ "$type": "color"
20449
+ },
20450
+ "dark-tritanopia-high-contrast": {
20451
+ "$value": "#2a313c",
20452
+ "filePath": "src/tokens/functional/color/control.json5",
20453
+ "isSource": true,
20454
+ "$type": "color"
20455
+ },
20456
+ "dark-protanopia-deuteranopia-high-contrast": {
20457
+ "$value": "#2a313c",
20458
+ "filePath": "src/tokens/functional/color/control.json5",
20459
+ "isSource": true,
20460
+ "$type": "color"
20461
+ },
20444
20462
  "dark-dimmed": {
20445
- "$value": "#151b23",
20463
+ "$value": "#2a313c",
20464
+ "filePath": "src/tokens/functional/color/control.json5",
20465
+ "isSource": true,
20466
+ "$type": "color"
20467
+ },
20468
+ "dark-dimmed-high-contrast": {
20469
+ "$value": "#2a313c",
20446
20470
  "filePath": "src/tokens/functional/color/control.json5",
20447
20471
  "isSource": true,
20448
20472
  "$type": "color"
@@ -20452,7 +20476,7 @@
20452
20476
  "filePath": "src/tokens/functional/color/control.json5",
20453
20477
  "isSource": true,
20454
20478
  "original": {
20455
- "$value": "{bgColor.inset}",
20479
+ "$value": "{base.color.neutral.5}",
20456
20480
  "$type": "color",
20457
20481
  "$extensions": {
20458
20482
  "org.primer.figma": {
@@ -20461,9 +20485,33 @@
20461
20485
  "scopes": ["bgColor"]
20462
20486
  },
20463
20487
  "org.primer.overrides": {
20464
- "dark": "{bgColor.inset}",
20488
+ "dark": "{base.color.neutral.4}",
20489
+ "dark-high-contrast": {
20490
+ "$value": "{base.color.neutral.5}",
20491
+ "filePath": "src/tokens/functional/color/control.json5",
20492
+ "isSource": true,
20493
+ "$type": "color"
20494
+ },
20495
+ "dark-tritanopia-high-contrast": {
20496
+ "$value": "{base.color.neutral.5}",
20497
+ "filePath": "src/tokens/functional/color/control.json5",
20498
+ "isSource": true,
20499
+ "$type": "color"
20500
+ },
20501
+ "dark-protanopia-deuteranopia-high-contrast": {
20502
+ "$value": "{base.color.neutral.5}",
20503
+ "filePath": "src/tokens/functional/color/control.json5",
20504
+ "isSource": true,
20505
+ "$type": "color"
20506
+ },
20465
20507
  "dark-dimmed": {
20466
- "$value": "{bgColor.inset}",
20508
+ "$value": "{base.color.neutral.5}",
20509
+ "filePath": "src/tokens/functional/color/control.json5",
20510
+ "isSource": true,
20511
+ "$type": "color"
20512
+ },
20513
+ "dark-dimmed-high-contrast": {
20514
+ "$value": "{base.color.neutral.5}",
20467
20515
  "filePath": "src/tokens/functional/color/control.json5",
20468
20516
  "isSource": true,
20469
20517
  "$type": "color"
@@ -20894,7 +20942,7 @@
20894
20942
  },
20895
20943
  "controlTrack-bgColor-rest": {
20896
20944
  "key": "{controlTrack.bgColor.rest}",
20897
- "$value": "#2a313c",
20945
+ "$value": "#151b23",
20898
20946
  "$type": "color",
20899
20947
  "$extensions": {
20900
20948
  "org.primer.figma": {
@@ -20903,33 +20951,33 @@
20903
20951
  "scopes": ["bgColor"]
20904
20952
  },
20905
20953
  "org.primer.overrides": {
20906
- "dark": "#262c36",
20954
+ "dark": "#010409",
20907
20955
  "dark-high-contrast": {
20908
- "$value": "#2a313c",
20956
+ "$value": "#010409",
20909
20957
  "filePath": "src/tokens/functional/color/control.json5",
20910
20958
  "isSource": true,
20911
20959
  "$type": "color"
20912
20960
  },
20913
20961
  "dark-tritanopia-high-contrast": {
20914
- "$value": "#2a313c",
20962
+ "$value": "#010409",
20915
20963
  "filePath": "src/tokens/functional/color/control.json5",
20916
20964
  "isSource": true,
20917
20965
  "$type": "color"
20918
20966
  },
20919
20967
  "dark-protanopia-deuteranopia-high-contrast": {
20920
- "$value": "#2a313c",
20968
+ "$value": "#010409",
20921
20969
  "filePath": "src/tokens/functional/color/control.json5",
20922
20970
  "isSource": true,
20923
20971
  "$type": "color"
20924
20972
  },
20925
20973
  "dark-dimmed": {
20926
- "$value": "#2a313c",
20974
+ "$value": "#151b23",
20927
20975
  "filePath": "src/tokens/functional/color/control.json5",
20928
20976
  "isSource": true,
20929
20977
  "$type": "color"
20930
20978
  },
20931
20979
  "dark-dimmed-high-contrast": {
20932
- "$value": "#2a313c",
20980
+ "$value": "#151b23",
20933
20981
  "filePath": "src/tokens/functional/color/control.json5",
20934
20982
  "isSource": true,
20935
20983
  "$type": "color"
@@ -20957,7 +21005,7 @@
20957
21005
  "filePath": "src/tokens/functional/color/control.json5",
20958
21006
  "isSource": true,
20959
21007
  "original": {
20960
- "$value": "{base.color.neutral.5}",
21008
+ "$value": "{base.color.neutral.2}",
20961
21009
  "$type": "color",
20962
21010
  "$extensions": {
20963
21011
  "org.primer.figma": {
@@ -20966,33 +21014,33 @@
20966
21014
  "scopes": ["bgColor"]
20967
21015
  },
20968
21016
  "org.primer.overrides": {
20969
- "dark": "{base.color.neutral.4}",
21017
+ "dark": "{base.color.neutral.0}",
20970
21018
  "dark-high-contrast": {
20971
- "$value": "{base.color.neutral.5}",
21019
+ "$value": "{base.color.neutral.0}",
20972
21020
  "filePath": "src/tokens/functional/color/control.json5",
20973
21021
  "isSource": true,
20974
21022
  "$type": "color"
20975
21023
  },
20976
21024
  "dark-tritanopia-high-contrast": {
20977
- "$value": "{base.color.neutral.5}",
21025
+ "$value": "{base.color.neutral.0}",
20978
21026
  "filePath": "src/tokens/functional/color/control.json5",
20979
21027
  "isSource": true,
20980
21028
  "$type": "color"
20981
21029
  },
20982
21030
  "dark-protanopia-deuteranopia-high-contrast": {
20983
- "$value": "{base.color.neutral.5}",
21031
+ "$value": "{base.color.neutral.0}",
20984
21032
  "filePath": "src/tokens/functional/color/control.json5",
20985
21033
  "isSource": true,
20986
21034
  "$type": "color"
20987
21035
  },
20988
21036
  "dark-dimmed": {
20989
- "$value": "{base.color.neutral.5}",
21037
+ "$value": "{base.color.neutral.2}",
20990
21038
  "filePath": "src/tokens/functional/color/control.json5",
20991
21039
  "isSource": true,
20992
21040
  "$type": "color"
20993
21041
  },
20994
21042
  "dark-dimmed-high-contrast": {
20995
- "$value": "{base.color.neutral.5}",
21043
+ "$value": "{base.color.neutral.2}",
20996
21044
  "filePath": "src/tokens/functional/color/control.json5",
20997
21045
  "isSource": true,
20998
21046
  "$type": "color"
@@ -38735,7 +38783,7 @@
38735
38783
  "dark-high-contrast": "#cdd9e5",
38736
38784
  "dark-tritanopia-high-contrast": "#cdd9e5",
38737
38785
  "dark-protanopia-deuteranopia-high-contrast": "#cdd9e5",
38738
- "dark-dimmed": "#f0f6fc",
38786
+ "dark-dimmed": "#d1d7e0",
38739
38787
  "dark-dimmed-high-contrast": "#f0f6fc"
38740
38788
  },
38741
38789
  "org.primer.llm": {
@@ -38763,7 +38811,7 @@
38763
38811
  "dark-high-contrast": "{base.color.neutral.13}",
38764
38812
  "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
38765
38813
  "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
38766
- "dark-dimmed": "{base.color.neutral.12}",
38814
+ "dark-dimmed": "{base.color.neutral.11}",
38767
38815
  "dark-dimmed-high-contrast": "{base.color.neutral.12}"
38768
38816
  },
38769
38817
  "org.primer.llm": {