@primer/primitives 7.15.9-rc.f8722fa → 7.15.9

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 (110) hide show
  1. package/dist/docs/functional/themes/dark-colorblind.json +195 -13
  2. package/dist/docs/functional/themes/dark-dimmed.json +195 -13
  3. package/dist/docs/functional/themes/dark-high-contrast.json +195 -13
  4. package/dist/docs/functional/themes/dark-tritanopia.json +195 -13
  5. package/dist/docs/functional/themes/dark.json +195 -13
  6. package/dist/docs/functional/themes/light-colorblind.json +199 -17
  7. package/dist/docs/functional/themes/light-high-contrast.json +199 -17
  8. package/dist/docs/functional/themes/light-tritanopia.json +199 -17
  9. package/dist/docs/functional/themes/light.json +199 -17
  10. package/dist/figma/figma.json +11 -0
  11. package/dist/figma/shadows/dark-colorblind.json +1102 -0
  12. package/dist/figma/shadows/dark-dimmed.json +1102 -0
  13. package/dist/figma/shadows/dark-high-contrast.json +1102 -0
  14. package/dist/figma/shadows/dark-tritanopia.json +1102 -0
  15. package/dist/figma/shadows/dark.json +1102 -0
  16. package/dist/figma/shadows/light-colorblind.json +1102 -0
  17. package/dist/figma/shadows/light-high-contrast.json +1102 -0
  18. package/dist/figma/shadows/light-tritanopia.json +1102 -0
  19. package/dist/figma/shadows/light.json +1102 -0
  20. package/dist/figma/themes/dark-colorblind.json +1115 -15
  21. package/dist/figma/themes/dark-dimmed.json +1115 -15
  22. package/dist/figma/themes/dark-high-contrast.json +1115 -15
  23. package/dist/figma/themes/dark-tritanopia.json +1115 -15
  24. package/dist/figma/themes/dark.json +1115 -15
  25. package/dist/figma/themes/light-colorblind.json +1100 -0
  26. package/dist/figma/themes/light-high-contrast.json +1108 -8
  27. package/dist/figma/themes/light-tritanopia.json +1100 -0
  28. package/dist/figma/themes/light.json +1100 -0
  29. package/package.json +1 -1
  30. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +195 -13
  31. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +195 -13
  32. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +195 -13
  33. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +195 -13
  34. package/tokens-next-private/docs/functional/themes/dark.json +195 -13
  35. package/tokens-next-private/docs/functional/themes/light-colorblind.json +199 -17
  36. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +199 -17
  37. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +199 -17
  38. package/tokens-next-private/docs/functional/themes/light.json +199 -17
  39. package/tokens-next-private/figma/figma.json +11 -0
  40. package/tokens-next-private/figma/shadows/dark-colorblind.json +1102 -0
  41. package/tokens-next-private/figma/shadows/dark-dimmed.json +1102 -0
  42. package/tokens-next-private/figma/shadows/dark-high-contrast.json +1102 -0
  43. package/tokens-next-private/figma/shadows/dark-tritanopia.json +1102 -0
  44. package/tokens-next-private/figma/shadows/dark.json +1102 -0
  45. package/tokens-next-private/figma/shadows/light-colorblind.json +1102 -0
  46. package/tokens-next-private/figma/shadows/light-high-contrast.json +1102 -0
  47. package/tokens-next-private/figma/shadows/light-tritanopia.json +1102 -0
  48. package/tokens-next-private/figma/shadows/light.json +1102 -0
  49. package/tokens-next-private/figma/themes/dark-colorblind.json +1115 -15
  50. package/tokens-next-private/figma/themes/dark-dimmed.json +1115 -15
  51. package/tokens-next-private/figma/themes/dark-high-contrast.json +1115 -15
  52. package/tokens-next-private/figma/themes/dark-tritanopia.json +1115 -15
  53. package/tokens-next-private/figma/themes/dark.json +1115 -15
  54. package/tokens-next-private/figma/themes/light-colorblind.json +1100 -0
  55. package/tokens-next-private/figma/themes/light-high-contrast.json +1108 -8
  56. package/tokens-next-private/figma/themes/light-tritanopia.json +1100 -0
  57. package/tokens-next-private/figma/themes/light.json +1100 -0
  58. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  59. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  60. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  61. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  62. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  63. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  64. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  65. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  66. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  67. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  68. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  69. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  70. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  71. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  72. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  73. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  74. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  75. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  76. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  77. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  78. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  79. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  80. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  81. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  82. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  83. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  84. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  85. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  86. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  87. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  88. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  89. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  90. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  91. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  92. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  93. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  94. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  95. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  96. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  97. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  98. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  99. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  100. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  101. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  102. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  103. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  104. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  105. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  106. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  108. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  109. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -1244,6 +1244,13 @@
1244
1244
  "avatar-shadow": {
1245
1245
  "value": "0px 0px 0px 2px #22272e",
1246
1246
  "$type": "shadow",
1247
+ "$extensions": {
1248
+ "org.primer.figma": {
1249
+ "collection": "mode",
1250
+ "mode": "light",
1251
+ "group": "component shadow"
1252
+ }
1253
+ },
1247
1254
  "filePath": "src/tokens/functional/shadow/dark.json5",
1248
1255
  "isSource": true,
1249
1256
  "original": {
@@ -1257,7 +1264,14 @@
1257
1264
  "spread": "2px"
1258
1265
  }
1259
1266
  ],
1260
- "$type": "shadow"
1267
+ "$type": "shadow",
1268
+ "$extensions": {
1269
+ "org.primer.figma": {
1270
+ "collection": "mode",
1271
+ "mode": "light",
1272
+ "group": "component shadow"
1273
+ }
1274
+ }
1261
1275
  },
1262
1276
  "name": "avatar-shadow",
1263
1277
  "attributes": {},
@@ -3231,6 +3245,13 @@
3231
3245
  "button-default-shadow-resting": {
3232
3246
  "value": "0px 0px 0px 0px #000000",
3233
3247
  "$type": "shadow",
3248
+ "$extensions": {
3249
+ "org.primer.figma": {
3250
+ "collection": "mode",
3251
+ "mode": "light",
3252
+ "group": "component shadow"
3253
+ }
3254
+ },
3234
3255
  "filePath": "src/tokens/functional/shadow/dark.json5",
3235
3256
  "isSource": true,
3236
3257
  "original": {
@@ -3245,7 +3266,14 @@
3245
3266
  "inset": false
3246
3267
  }
3247
3268
  ],
3248
- "$type": "shadow"
3269
+ "$type": "shadow",
3270
+ "$extensions": {
3271
+ "org.primer.figma": {
3272
+ "collection": "mode",
3273
+ "mode": "light",
3274
+ "group": "component shadow"
3275
+ }
3276
+ }
3249
3277
  },
3250
3278
  "name": "button-default-shadow-resting",
3251
3279
  "attributes": {},
@@ -3601,6 +3629,13 @@
3601
3629
  "button-primary-shadow-selected": {
3602
3630
  "value": "0px 0px 0px 0px #000000",
3603
3631
  "$type": "shadow",
3632
+ "$extensions": {
3633
+ "org.primer.figma": {
3634
+ "collection": "mode",
3635
+ "mode": "light",
3636
+ "group": "component shadow"
3637
+ }
3638
+ },
3604
3639
  "filePath": "src/tokens/functional/shadow/dark.json5",
3605
3640
  "isSource": true,
3606
3641
  "original": {
@@ -3615,7 +3650,14 @@
3615
3650
  "inset": false
3616
3651
  }
3617
3652
  ],
3618
- "$type": "shadow"
3653
+ "$type": "shadow",
3654
+ "$extensions": {
3655
+ "org.primer.figma": {
3656
+ "collection": "mode",
3657
+ "mode": "light",
3658
+ "group": "component shadow"
3659
+ }
3660
+ }
3619
3661
  },
3620
3662
  "name": "button-primary-shadow-selected",
3621
3663
  "attributes": {},
@@ -4295,6 +4337,13 @@
4295
4337
  "button-outline-shadow-selected": {
4296
4338
  "value": "0px 0px 0px 0px #000000",
4297
4339
  "$type": "shadow",
4340
+ "$extensions": {
4341
+ "org.primer.figma": {
4342
+ "collection": "mode",
4343
+ "mode": "light",
4344
+ "group": "component shadow"
4345
+ }
4346
+ },
4298
4347
  "filePath": "src/tokens/functional/shadow/dark.json5",
4299
4348
  "isSource": true,
4300
4349
  "original": {
@@ -4309,7 +4358,14 @@
4309
4358
  "inset": false
4310
4359
  }
4311
4360
  ],
4312
- "$type": "shadow"
4361
+ "$type": "shadow",
4362
+ "$extensions": {
4363
+ "org.primer.figma": {
4364
+ "collection": "mode",
4365
+ "mode": "light",
4366
+ "group": "component shadow"
4367
+ }
4368
+ }
4313
4369
  },
4314
4370
  "name": "button-outline-shadow-selected",
4315
4371
  "attributes": {},
@@ -4707,6 +4763,13 @@
4707
4763
  "button-danger-shadow-selected": {
4708
4764
  "value": "0px 0px 0px 0px #000000",
4709
4765
  "$type": "shadow",
4766
+ "$extensions": {
4767
+ "org.primer.figma": {
4768
+ "collection": "mode",
4769
+ "mode": "light",
4770
+ "group": "component shadow"
4771
+ }
4772
+ },
4710
4773
  "filePath": "src/tokens/functional/shadow/dark.json5",
4711
4774
  "isSource": true,
4712
4775
  "original": {
@@ -4721,7 +4784,14 @@
4721
4784
  "inset": false
4722
4785
  }
4723
4786
  ],
4724
- "$type": "shadow"
4787
+ "$type": "shadow",
4788
+ "$extensions": {
4789
+ "org.primer.figma": {
4790
+ "collection": "mode",
4791
+ "mode": "light",
4792
+ "group": "component shadow"
4793
+ }
4794
+ }
4725
4795
  },
4726
4796
  "name": "button-danger-shadow-selected",
4727
4797
  "attributes": {},
@@ -10671,6 +10741,13 @@
10671
10741
  "shadow-inset": {
10672
10742
  "value": "inset 0px 1px 0px 0px #1c21283d",
10673
10743
  "$type": "shadow",
10744
+ "$extensions": {
10745
+ "org.primer.figma": {
10746
+ "collection": "mode",
10747
+ "mode": "light",
10748
+ "group": "shadow"
10749
+ }
10750
+ },
10674
10751
  "filePath": "src/tokens/functional/shadow/dark.json5",
10675
10752
  "isSource": true,
10676
10753
  "original": {
@@ -10683,7 +10760,14 @@
10683
10760
  "spread": "0px",
10684
10761
  "inset": true
10685
10762
  },
10686
- "$type": "shadow"
10763
+ "$type": "shadow",
10764
+ "$extensions": {
10765
+ "org.primer.figma": {
10766
+ "collection": "mode",
10767
+ "mode": "light",
10768
+ "group": "shadow"
10769
+ }
10770
+ }
10687
10771
  },
10688
10772
  "name": "shadow-inset",
10689
10773
  "attributes": {},
@@ -10692,6 +10776,13 @@
10692
10776
  "shadow-resting-xsmall": {
10693
10777
  "value": "0px 1px 0px 0px #1c2128cc",
10694
10778
  "$type": "shadow",
10779
+ "$extensions": {
10780
+ "org.primer.figma": {
10781
+ "collection": "mode",
10782
+ "mode": "light",
10783
+ "group": "shadow"
10784
+ }
10785
+ },
10695
10786
  "filePath": "src/tokens/functional/shadow/dark.json5",
10696
10787
  "isSource": true,
10697
10788
  "original": {
@@ -10704,7 +10795,14 @@
10704
10795
  "spread": "0px",
10705
10796
  "inset": false
10706
10797
  },
10707
- "$type": "shadow"
10798
+ "$type": "shadow",
10799
+ "$extensions": {
10800
+ "org.primer.figma": {
10801
+ "collection": "mode",
10802
+ "mode": "light",
10803
+ "group": "shadow"
10804
+ }
10805
+ }
10708
10806
  },
10709
10807
  "name": "shadow-resting-xsmall",
10710
10808
  "attributes": {},
@@ -10713,6 +10811,13 @@
10713
10811
  "shadow-resting-small": {
10714
10812
  "value": "0px 1px 0px 0px #1c212866, 0px 1px 3px 0px #1c212866",
10715
10813
  "$type": "shadow",
10814
+ "$extensions": {
10815
+ "org.primer.figma": {
10816
+ "collection": "mode",
10817
+ "mode": "light",
10818
+ "group": "shadow"
10819
+ }
10820
+ },
10716
10821
  "filePath": "src/tokens/functional/shadow/dark.json5",
10717
10822
  "isSource": true,
10718
10823
  "original": {
@@ -10736,7 +10841,14 @@
10736
10841
  "inset": false
10737
10842
  }
10738
10843
  ],
10739
- "$type": "shadow"
10844
+ "$type": "shadow",
10845
+ "$extensions": {
10846
+ "org.primer.figma": {
10847
+ "collection": "mode",
10848
+ "mode": "light",
10849
+ "group": "shadow"
10850
+ }
10851
+ }
10740
10852
  },
10741
10853
  "name": "shadow-resting-small",
10742
10854
  "attributes": {},
@@ -10745,6 +10857,13 @@
10745
10857
  "shadow-resting-medium": {
10746
10858
  "value": "0px 3px 6px 0px #1c2128cc",
10747
10859
  "$type": "shadow",
10860
+ "$extensions": {
10861
+ "org.primer.figma": {
10862
+ "collection": "mode",
10863
+ "mode": "light",
10864
+ "group": "shadow"
10865
+ }
10866
+ },
10748
10867
  "filePath": "src/tokens/functional/shadow/dark.json5",
10749
10868
  "isSource": true,
10750
10869
  "original": {
@@ -10758,7 +10877,14 @@
10758
10877
  "spread": "0px"
10759
10878
  }
10760
10879
  ],
10761
- "$type": "shadow"
10880
+ "$type": "shadow",
10881
+ "$extensions": {
10882
+ "org.primer.figma": {
10883
+ "collection": "mode",
10884
+ "mode": "light",
10885
+ "group": "shadow"
10886
+ }
10887
+ }
10762
10888
  },
10763
10889
  "name": "shadow-resting-medium",
10764
10890
  "attributes": {},
@@ -10767,6 +10893,13 @@
10767
10893
  "shadow-floating-small": {
10768
10894
  "value": "0px 0px 0px 1px #444c56, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866",
10769
10895
  "$type": "shadow",
10896
+ "$extensions": {
10897
+ "org.primer.figma": {
10898
+ "collection": "mode",
10899
+ "mode": "light",
10900
+ "group": "shadow"
10901
+ }
10902
+ },
10770
10903
  "filePath": "src/tokens/functional/shadow/dark.json5",
10771
10904
  "isSource": true,
10772
10905
  "original": {
@@ -10796,7 +10929,14 @@
10796
10929
  "spread": "0px"
10797
10930
  }
10798
10931
  ],
10799
- "$type": "shadow"
10932
+ "$type": "shadow",
10933
+ "$extensions": {
10934
+ "org.primer.figma": {
10935
+ "collection": "mode",
10936
+ "mode": "light",
10937
+ "group": "shadow"
10938
+ }
10939
+ }
10800
10940
  },
10801
10941
  "name": "shadow-floating-small",
10802
10942
  "attributes": {},
@@ -10805,6 +10945,13 @@
10805
10945
  "shadow-floating-medium": {
10806
10946
  "value": "0px 0px 0px 1px #444c56, 0px 8px 16px -4px #1c212866, 0px 4px 32px -4px #1c212866, 0px 24px 48px -12px #1c212866, 0px 48px 96px -24px #1c212866",
10807
10947
  "$type": "shadow",
10948
+ "$extensions": {
10949
+ "org.primer.figma": {
10950
+ "collection": "mode",
10951
+ "mode": "light",
10952
+ "group": "shadow"
10953
+ }
10954
+ },
10808
10955
  "filePath": "src/tokens/functional/shadow/dark.json5",
10809
10956
  "isSource": true,
10810
10957
  "original": {
@@ -10850,7 +10997,14 @@
10850
10997
  "spread": "-24px"
10851
10998
  }
10852
10999
  ],
10853
- "$type": "shadow"
11000
+ "$type": "shadow",
11001
+ "$extensions": {
11002
+ "org.primer.figma": {
11003
+ "collection": "mode",
11004
+ "mode": "light",
11005
+ "group": "shadow"
11006
+ }
11007
+ }
10854
11008
  },
10855
11009
  "name": "shadow-floating-medium",
10856
11010
  "attributes": {},
@@ -10859,6 +11013,13 @@
10859
11013
  "shadow-floating-large": {
10860
11014
  "value": "0px 0px 0px 1px #444c56, 0px 24px 48px 0px #1c2128",
10861
11015
  "$type": "shadow",
11016
+ "$extensions": {
11017
+ "org.primer.figma": {
11018
+ "collection": "mode",
11019
+ "mode": "light",
11020
+ "group": "shadow"
11021
+ }
11022
+ },
10862
11023
  "filePath": "src/tokens/functional/shadow/dark.json5",
10863
11024
  "isSource": true,
10864
11025
  "original": {
@@ -10880,7 +11041,14 @@
10880
11041
  "spread": "0px"
10881
11042
  }
10882
11043
  ],
10883
- "$type": "shadow"
11044
+ "$type": "shadow",
11045
+ "$extensions": {
11046
+ "org.primer.figma": {
11047
+ "collection": "mode",
11048
+ "mode": "light",
11049
+ "group": "shadow"
11050
+ }
11051
+ }
10884
11052
  },
10885
11053
  "name": "shadow-floating-large",
10886
11054
  "attributes": {},
@@ -10889,6 +11057,13 @@
10889
11057
  "shadow-floating-xlarge": {
10890
11058
  "value": "0px 0px 0px 1px #444c56, 0px 32px 64px 0px #1c2128",
10891
11059
  "$type": "shadow",
11060
+ "$extensions": {
11061
+ "org.primer.figma": {
11062
+ "collection": "mode",
11063
+ "mode": "light",
11064
+ "group": "shadow"
11065
+ }
11066
+ },
10892
11067
  "filePath": "src/tokens/functional/shadow/dark.json5",
10893
11068
  "isSource": true,
10894
11069
  "original": {
@@ -10910,7 +11085,14 @@
10910
11085
  "spread": "0px"
10911
11086
  }
10912
11087
  ],
10913
- "$type": "shadow"
11088
+ "$type": "shadow",
11089
+ "$extensions": {
11090
+ "org.primer.figma": {
11091
+ "collection": "mode",
11092
+ "mode": "light",
11093
+ "group": "shadow"
11094
+ }
11095
+ }
10914
11096
  },
10915
11097
  "name": "shadow-floating-xlarge",
10916
11098
  "attributes": {},