@primer/primitives 11.0.0-rc.a6a4b391 → 11.0.1-rc.84dc6db1

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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +38 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +42 -4
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +38 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +38 -0
  5. package/dist/css/functional/themes/dark-high-contrast.css +38 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +38 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +42 -4
  8. package/dist/css/functional/themes/dark.css +42 -4
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +38 -0
  10. package/dist/css/functional/themes/light-colorblind.css +38 -0
  11. package/dist/css/functional/themes/light-high-contrast.css +38 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +38 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +38 -0
  14. package/dist/css/functional/themes/light.css +38 -0
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2701 -24
  16. package/dist/docs/functional/themes/dark-colorblind.json +2699 -24
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2701 -24
  18. package/dist/docs/functional/themes/dark-dimmed.json +2870 -193
  19. package/dist/docs/functional/themes/dark-high-contrast.json +2701 -24
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2701 -24
  21. package/dist/docs/functional/themes/dark-tritanopia.json +2699 -24
  22. package/dist/docs/functional/themes/dark.json +2699 -24
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2702 -25
  24. package/dist/docs/functional/themes/light-colorblind.json +2871 -194
  25. package/dist/docs/functional/themes/light-high-contrast.json +2702 -25
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2702 -25
  27. package/dist/docs/functional/themes/light-tritanopia.json +2871 -194
  28. package/dist/docs/functional/themes/light.json +2871 -194
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
  30. package/dist/figma/themes/dark-colorblind.json +314 -11
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +304 -0
  32. package/dist/figma/themes/dark-dimmed.json +304 -0
  33. package/dist/figma/themes/dark-high-contrast.json +304 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +304 -0
  35. package/dist/figma/themes/dark-tritanopia.json +314 -11
  36. package/dist/figma/themes/dark.json +314 -11
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +304 -0
  38. package/dist/figma/themes/light-colorblind.json +304 -0
  39. package/dist/figma/themes/light-high-contrast.json +304 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +304 -0
  41. package/dist/figma/themes/light-tritanopia.json +304 -0
  42. package/dist/figma/themes/light.json +304 -0
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +38 -0
  44. package/dist/internalCss/dark-colorblind.css +42 -4
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +38 -0
  46. package/dist/internalCss/dark-dimmed.css +38 -0
  47. package/dist/internalCss/dark-high-contrast.css +38 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +38 -0
  49. package/dist/internalCss/dark-tritanopia.css +42 -4
  50. package/dist/internalCss/dark.css +42 -4
  51. package/dist/internalCss/light-colorblind-high-contrast.css +38 -0
  52. package/dist/internalCss/light-colorblind.css +38 -0
  53. package/dist/internalCss/light-high-contrast.css +38 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +38 -0
  55. package/dist/internalCss/light-tritanopia.css +38 -0
  56. package/dist/internalCss/light.css +38 -0
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2701 -24
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +2699 -24
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2701 -24
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +2868 -191
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +2701 -24
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2701 -24
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +2699 -24
  64. package/dist/styleLint/functional/themes/dark.json +2699 -24
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2702 -25
  66. package/dist/styleLint/functional/themes/light-colorblind.json +2869 -192
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +2702 -25
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2702 -25
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +2869 -192
  70. package/dist/styleLint/functional/themes/light.json +2869 -192
  71. package/package.json +1 -1
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/functional/color/control.json5 +1 -1
  74. package/src/tokens/functional/color/fgColor.json5 +0 -1
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -11784,6 +11784,22 @@
11784
11784
  "group": "component",
11785
11785
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11786
11786
  },
11787
+ {
11788
+ "name": "label/green/borderColor",
11789
+ "value": {
11790
+ "r": 0.16862745098039217,
11791
+ "g": 0.43137254901960786,
11792
+ "b": 0.24705882352941178,
11793
+ "a": 1
11794
+ },
11795
+ "type": "COLOR",
11796
+ "refId": "mode/label/green/borderColor",
11797
+ "reference": "mode/label/green/fgColor/rest",
11798
+ "collection": "mode",
11799
+ "mode": "light high contrast",
11800
+ "group": "component",
11801
+ "scopes": ["STROKE_COLOR"]
11802
+ },
11787
11803
  {
11788
11804
  "name": "label/orange/bgColor/rest",
11789
11805
  "value": {
@@ -11880,6 +11896,22 @@
11880
11896
  "group": "component",
11881
11897
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11882
11898
  },
11899
+ {
11900
+ "name": "label/orange/borderColor",
11901
+ "value": {
11902
+ "r": 0.6352941176470588,
11903
+ "g": 0.27450980392156865,
11904
+ "b": 0.06274509803921569,
11905
+ "a": 1
11906
+ },
11907
+ "type": "COLOR",
11908
+ "refId": "mode/label/orange/borderColor",
11909
+ "reference": "mode/label/orange/fgColor/rest",
11910
+ "collection": "mode",
11911
+ "mode": "light high contrast",
11912
+ "group": "component",
11913
+ "scopes": ["STROKE_COLOR"]
11914
+ },
11883
11915
  {
11884
11916
  "name": "label/purple/bgColor/rest",
11885
11917
  "value": {
@@ -11976,6 +12008,22 @@
11976
12008
  "group": "component",
11977
12009
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11978
12010
  },
12011
+ {
12012
+ "name": "label/purple/borderColor",
12013
+ "value": {
12014
+ "r": 0.47058823529411764,
12015
+ "g": 0.22745098039215686,
12016
+ "b": 0.8941176470588236,
12017
+ "a": 1
12018
+ },
12019
+ "type": "COLOR",
12020
+ "refId": "mode/label/purple/borderColor",
12021
+ "reference": "mode/label/purple/fgColor/rest",
12022
+ "collection": "mode",
12023
+ "mode": "light high contrast",
12024
+ "group": "component",
12025
+ "scopes": ["STROKE_COLOR"]
12026
+ },
11979
12027
  {
11980
12028
  "name": "label/red/bgColor/rest",
11981
12029
  "value": {
@@ -12072,6 +12120,22 @@
12072
12120
  "group": "component",
12073
12121
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12074
12122
  },
12123
+ {
12124
+ "name": "label/red/borderColor",
12125
+ "value": {
12126
+ "r": 0.7725490196078432,
12127
+ "g": 0.050980392156862744,
12128
+ "b": 0.1568627450980392,
12129
+ "a": 1
12130
+ },
12131
+ "type": "COLOR",
12132
+ "refId": "mode/label/red/borderColor",
12133
+ "reference": "mode/label/red/fgColor/rest",
12134
+ "collection": "mode",
12135
+ "mode": "light high contrast",
12136
+ "group": "component",
12137
+ "scopes": ["STROKE_COLOR"]
12138
+ },
12075
12139
  {
12076
12140
  "name": "label/yellow/bgColor/rest",
12077
12141
  "value": {
@@ -12168,6 +12232,22 @@
12168
12232
  "group": "component",
12169
12233
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12170
12234
  },
12235
+ {
12236
+ "name": "label/yellow/borderColor",
12237
+ "value": {
12238
+ "r": 0.5019607843137255,
12239
+ "g": 0.34901960784313724,
12240
+ "b": 0,
12241
+ "a": 1
12242
+ },
12243
+ "type": "COLOR",
12244
+ "refId": "mode/label/yellow/borderColor",
12245
+ "reference": "mode/label/yellow/fgColor/rest",
12246
+ "collection": "mode",
12247
+ "mode": "light high contrast",
12248
+ "group": "component",
12249
+ "scopes": ["STROKE_COLOR"]
12250
+ },
12171
12251
  {
12172
12252
  "name": "label/gray/bgColor/rest",
12173
12253
  "value": {
@@ -12264,6 +12344,22 @@
12264
12344
  "group": "component",
12265
12345
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12266
12346
  },
12347
+ {
12348
+ "name": "label/gray/borderColor",
12349
+ "value": {
12350
+ "r": 0.3607843137254902,
12351
+ "g": 0.396078431372549,
12352
+ "b": 0.4392156862745098,
12353
+ "a": 1
12354
+ },
12355
+ "type": "COLOR",
12356
+ "refId": "mode/label/gray/borderColor",
12357
+ "reference": "mode/label/gray/fgColor/rest",
12358
+ "collection": "mode",
12359
+ "mode": "light high contrast",
12360
+ "group": "component",
12361
+ "scopes": ["STROKE_COLOR"]
12362
+ },
12267
12363
  {
12268
12364
  "name": "label/auburn/bgColor/rest",
12269
12365
  "value": {
@@ -12360,6 +12456,22 @@
12360
12456
  "group": "component",
12361
12457
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12362
12458
  },
12459
+ {
12460
+ "name": "label/auburn/borderColor",
12461
+ "value": {
12462
+ "r": 0.5411764705882353,
12463
+ "g": 0.3333333333333333,
12464
+ "b": 0.3176470588235294,
12465
+ "a": 1
12466
+ },
12467
+ "type": "COLOR",
12468
+ "refId": "mode/label/auburn/borderColor",
12469
+ "reference": "mode/label/auburn/fgColor/rest",
12470
+ "collection": "mode",
12471
+ "mode": "light high contrast",
12472
+ "group": "component",
12473
+ "scopes": ["STROKE_COLOR"]
12474
+ },
12363
12475
  {
12364
12476
  "name": "label/brown/bgColor/rest",
12365
12477
  "value": {
@@ -12456,6 +12568,22 @@
12456
12568
  "group": "component",
12457
12569
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12458
12570
  },
12571
+ {
12572
+ "name": "label/brown/borderColor",
12573
+ "value": {
12574
+ "r": 0.4588235294117647,
12575
+ "g": 0.37254901960784315,
12576
+ "b": 0.2627450980392157,
12577
+ "a": 1
12578
+ },
12579
+ "type": "COLOR",
12580
+ "refId": "mode/label/brown/borderColor",
12581
+ "reference": "mode/label/brown/fgColor/rest",
12582
+ "collection": "mode",
12583
+ "mode": "light high contrast",
12584
+ "group": "component",
12585
+ "scopes": ["STROKE_COLOR"]
12586
+ },
12459
12587
  {
12460
12588
  "name": "label/lemon/bgColor/rest",
12461
12589
  "value": {
@@ -12552,6 +12680,22 @@
12552
12680
  "group": "component",
12553
12681
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12554
12682
  },
12683
+ {
12684
+ "name": "label/lemon/borderColor",
12685
+ "value": {
12686
+ "r": 0.47058823529411764,
12687
+ "g": 0.3764705882352941,
12688
+ "b": 0.00784313725490196,
12689
+ "a": 1
12690
+ },
12691
+ "type": "COLOR",
12692
+ "refId": "mode/label/lemon/borderColor",
12693
+ "reference": "mode/label/lemon/fgColor/rest",
12694
+ "collection": "mode",
12695
+ "mode": "light high contrast",
12696
+ "group": "component",
12697
+ "scopes": ["STROKE_COLOR"]
12698
+ },
12555
12699
  {
12556
12700
  "name": "label/olive/bgColor/rest",
12557
12701
  "value": {
@@ -12648,6 +12792,22 @@
12648
12792
  "group": "component",
12649
12793
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12650
12794
  },
12795
+ {
12796
+ "name": "label/olive/borderColor",
12797
+ "value": {
12798
+ "r": 0.33725490196078434,
12799
+ "g": 0.40784313725490196,
12800
+ "b": 0.17254901960784313,
12801
+ "a": 1
12802
+ },
12803
+ "type": "COLOR",
12804
+ "refId": "mode/label/olive/borderColor",
12805
+ "reference": "mode/label/olive/fgColor/rest",
12806
+ "collection": "mode",
12807
+ "mode": "light high contrast",
12808
+ "group": "component",
12809
+ "scopes": ["STROKE_COLOR"]
12810
+ },
12651
12811
  {
12652
12812
  "name": "label/lime/bgColor/rest",
12653
12813
  "value": {
@@ -12744,6 +12904,22 @@
12744
12904
  "group": "component",
12745
12905
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12746
12906
  },
12907
+ {
12908
+ "name": "label/lime/borderColor",
12909
+ "value": {
12910
+ "r": 0.2784313725490196,
12911
+ "g": 0.4235294117647059,
12912
+ "b": 0.1568627450980392,
12913
+ "a": 1
12914
+ },
12915
+ "type": "COLOR",
12916
+ "refId": "mode/label/lime/borderColor",
12917
+ "reference": "mode/label/lime/fgColor/rest",
12918
+ "collection": "mode",
12919
+ "mode": "light high contrast",
12920
+ "group": "component",
12921
+ "scopes": ["STROKE_COLOR"]
12922
+ },
12747
12923
  {
12748
12924
  "name": "label/pine/bgColor/rest",
12749
12925
  "value": {
@@ -12840,6 +13016,22 @@
12840
13016
  "group": "component",
12841
13017
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12842
13018
  },
13019
+ {
13020
+ "name": "label/pine/borderColor",
13021
+ "value": {
13022
+ "r": 0.08235294117647059,
13023
+ "g": 0.43529411764705883,
13024
+ "b": 0.29411764705882354,
13025
+ "a": 1
13026
+ },
13027
+ "type": "COLOR",
13028
+ "refId": "mode/label/pine/borderColor",
13029
+ "reference": "mode/label/pine/fgColor/rest",
13030
+ "collection": "mode",
13031
+ "mode": "light high contrast",
13032
+ "group": "component",
13033
+ "scopes": ["STROKE_COLOR"]
13034
+ },
12843
13035
  {
12844
13036
  "name": "label/teal/bgColor/rest",
12845
13037
  "value": {
@@ -12936,6 +13128,22 @@
12936
13128
  "group": "component",
12937
13129
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12938
13130
  },
13131
+ {
13132
+ "name": "label/teal/borderColor",
13133
+ "value": {
13134
+ "r": 0.06274509803921569,
13135
+ "g": 0.43137254901960786,
13136
+ "b": 0.4588235294117647,
13137
+ "a": 1
13138
+ },
13139
+ "type": "COLOR",
13140
+ "refId": "mode/label/teal/borderColor",
13141
+ "reference": "mode/label/teal/fgColor/rest",
13142
+ "collection": "mode",
13143
+ "mode": "light high contrast",
13144
+ "group": "component",
13145
+ "scopes": ["STROKE_COLOR"]
13146
+ },
12939
13147
  {
12940
13148
  "name": "label/cyan/bgColor/rest",
12941
13149
  "value": {
@@ -13032,6 +13240,22 @@
13032
13240
  "group": "component",
13033
13241
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13034
13242
  },
13243
+ {
13244
+ "name": "label/cyan/borderColor",
13245
+ "value": {
13246
+ "r": 0,
13247
+ "g": 0.41568627450980394,
13248
+ "b": 0.5019607843137255,
13249
+ "a": 1
13250
+ },
13251
+ "type": "COLOR",
13252
+ "refId": "mode/label/cyan/borderColor",
13253
+ "reference": "mode/label/cyan/fgColor/rest",
13254
+ "collection": "mode",
13255
+ "mode": "light high contrast",
13256
+ "group": "component",
13257
+ "scopes": ["STROKE_COLOR"]
13258
+ },
13035
13259
  {
13036
13260
  "name": "label/indigo/bgColor/rest",
13037
13261
  "value": {
@@ -13128,6 +13352,22 @@
13128
13352
  "group": "component",
13129
13353
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13130
13354
  },
13355
+ {
13356
+ "name": "label/indigo/borderColor",
13357
+ "value": {
13358
+ "r": 0.28627450980392155,
13359
+ "g": 0.3058823529411765,
13360
+ "b": 0.8745098039215686,
13361
+ "a": 1
13362
+ },
13363
+ "type": "COLOR",
13364
+ "refId": "mode/label/indigo/borderColor",
13365
+ "reference": "mode/label/indigo/fgColor/rest",
13366
+ "collection": "mode",
13367
+ "mode": "light high contrast",
13368
+ "group": "component",
13369
+ "scopes": ["STROKE_COLOR"]
13370
+ },
13131
13371
  {
13132
13372
  "name": "label/blue/bgColor/rest",
13133
13373
  "value": {
@@ -13224,6 +13464,22 @@
13224
13464
  "group": "component",
13225
13465
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13226
13466
  },
13467
+ {
13468
+ "name": "label/blue/borderColor",
13469
+ "value": {
13470
+ "r": 0,
13471
+ "g": 0.37254901960784315,
13472
+ "b": 0.8,
13473
+ "a": 1
13474
+ },
13475
+ "type": "COLOR",
13476
+ "refId": "mode/label/blue/borderColor",
13477
+ "reference": "mode/label/blue/fgColor/rest",
13478
+ "collection": "mode",
13479
+ "mode": "light high contrast",
13480
+ "group": "component",
13481
+ "scopes": ["STROKE_COLOR"]
13482
+ },
13227
13483
  {
13228
13484
  "name": "label/plum/bgColor/rest",
13229
13485
  "value": {
@@ -13320,6 +13576,22 @@
13320
13576
  "group": "component",
13321
13577
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13322
13578
  },
13579
+ {
13580
+ "name": "label/plum/borderColor",
13581
+ "value": {
13582
+ "r": 0.5882352941176471,
13583
+ "g": 0.11764705882352941,
13584
+ "b": 0.8627450980392157,
13585
+ "a": 1
13586
+ },
13587
+ "type": "COLOR",
13588
+ "refId": "mode/label/plum/borderColor",
13589
+ "reference": "mode/label/plum/fgColor/rest",
13590
+ "collection": "mode",
13591
+ "mode": "light high contrast",
13592
+ "group": "component",
13593
+ "scopes": ["STROKE_COLOR"]
13594
+ },
13323
13595
  {
13324
13596
  "name": "label/pink/bgColor/rest",
13325
13597
  "value": {
@@ -13416,6 +13688,22 @@
13416
13688
  "group": "component",
13417
13689
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13418
13690
  },
13691
+ {
13692
+ "name": "label/pink/borderColor",
13693
+ "value": {
13694
+ "r": 0.6941176470588235,
13695
+ "g": 0.1843137254901961,
13696
+ "b": 0.4745098039215686,
13697
+ "a": 1
13698
+ },
13699
+ "type": "COLOR",
13700
+ "refId": "mode/label/pink/borderColor",
13701
+ "reference": "mode/label/pink/fgColor/rest",
13702
+ "collection": "mode",
13703
+ "mode": "light high contrast",
13704
+ "group": "component",
13705
+ "scopes": ["STROKE_COLOR"]
13706
+ },
13419
13707
  {
13420
13708
  "name": "label/coral/bgColor/rest",
13421
13709
  "value": {
@@ -13512,6 +13800,22 @@
13512
13800
  "group": "component",
13513
13801
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13514
13802
  },
13803
+ {
13804
+ "name": "label/coral/borderColor",
13805
+ "value": {
13806
+ "r": 0.7294117647058823,
13807
+ "g": 0.1803921568627451,
13808
+ "b": 0.07058823529411765,
13809
+ "a": 1
13810
+ },
13811
+ "type": "COLOR",
13812
+ "refId": "mode/label/coral/borderColor",
13813
+ "reference": "mode/label/coral/fgColor/rest",
13814
+ "collection": "mode",
13815
+ "mode": "light high contrast",
13816
+ "group": "component",
13817
+ "scopes": ["STROKE_COLOR"]
13818
+ },
13515
13819
  {
13516
13820
  "name": "menu/bgColor/active",
13517
13821
  "value": {