@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/dark-high-contrast.json CHANGED
@@ -11804,6 +11804,22 @@
11804
11804
  "group": "component",
11805
11805
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11806
11806
  },
11807
+ {
11808
+ "name": "label/green/borderColor",
11809
+ "value": {
11810
+ "r": 0.2549019607843137,
11811
+ "g": 0.7058823529411765,
11812
+ "b": 0.27058823529411763,
11813
+ "a": 1
11814
+ },
11815
+ "type": "COLOR",
11816
+ "refId": "mode/label/green/borderColor",
11817
+ "reference": "mode/label/green/fgColor/rest",
11818
+ "collection": "mode",
11819
+ "mode": "dark high contrast",
11820
+ "group": "component",
11821
+ "scopes": ["STROKE_COLOR"]
11822
+ },
11807
11823
  {
11808
11824
  "name": "label/orange/bgColor/rest",
11809
11825
  "value": {
@@ -11900,6 +11916,22 @@
11900
11916
  "group": "component",
11901
11917
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11902
11918
  },
11919
+ {
11920
+ "name": "label/orange/borderColor",
11921
+ "value": {
11922
+ "r": 0.9294117647058824,
11923
+ "g": 0.5137254901960784,
11924
+ "b": 0.14901960784313725,
11925
+ "a": 1
11926
+ },
11927
+ "type": "COLOR",
11928
+ "refId": "mode/label/orange/borderColor",
11929
+ "reference": "mode/label/orange/fgColor/rest",
11930
+ "collection": "mode",
11931
+ "mode": "dark high contrast",
11932
+ "group": "component",
11933
+ "scopes": ["STROKE_COLOR"]
11934
+ },
11903
11935
  {
11904
11936
  "name": "label/purple/bgColor/rest",
11905
11937
  "value": {
@@ -11996,6 +12028,22 @@
11996
12028
  "group": "component",
11997
12029
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11998
12030
  },
12031
+ {
12032
+ "name": "label/purple/borderColor",
12033
+ "value": {
12034
+ "r": 0.7137254901960784,
12035
+ "g": 0.5294117647058824,
12036
+ "b": 0.9686274509803922,
12037
+ "a": 1
12038
+ },
12039
+ "type": "COLOR",
12040
+ "refId": "mode/label/purple/borderColor",
12041
+ "reference": "mode/label/purple/fgColor/rest",
12042
+ "collection": "mode",
12043
+ "mode": "dark high contrast",
12044
+ "group": "component",
12045
+ "scopes": ["STROKE_COLOR"]
12046
+ },
11999
12047
  {
12000
12048
  "name": "label/red/bgColor/rest",
12001
12049
  "value": {
@@ -12092,6 +12140,22 @@
12092
12140
  "group": "component",
12093
12141
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12094
12142
  },
12143
+ {
12144
+ "name": "label/red/borderColor",
12145
+ "value": {
12146
+ "r": 0.9490196078431372,
12147
+ "g": 0.49019607843137253,
12148
+ "b": 0.5137254901960784,
12149
+ "a": 1
12150
+ },
12151
+ "type": "COLOR",
12152
+ "refId": "mode/label/red/borderColor",
12153
+ "reference": "mode/label/red/fgColor/rest",
12154
+ "collection": "mode",
12155
+ "mode": "dark high contrast",
12156
+ "group": "component",
12157
+ "scopes": ["STROKE_COLOR"]
12158
+ },
12095
12159
  {
12096
12160
  "name": "label/yellow/bgColor/rest",
12097
12161
  "value": {
@@ -12188,6 +12252,22 @@
12188
12252
  "group": "component",
12189
12253
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12190
12254
  },
12255
+ {
12256
+ "name": "label/yellow/borderColor",
12257
+ "value": {
12258
+ "r": 0.8274509803921568,
12259
+ "g": 0.5686274509803921,
12260
+ "b": 0.050980392156862744,
12261
+ "a": 1
12262
+ },
12263
+ "type": "COLOR",
12264
+ "refId": "mode/label/yellow/borderColor",
12265
+ "reference": "mode/label/yellow/fgColor/rest",
12266
+ "collection": "mode",
12267
+ "mode": "dark high contrast",
12268
+ "group": "component",
12269
+ "scopes": ["STROKE_COLOR"]
12270
+ },
12191
12271
  {
12192
12272
  "name": "label/gray/bgColor/rest",
12193
12273
  "value": {
@@ -12284,6 +12364,22 @@
12284
12364
  "group": "component",
12285
12365
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12286
12366
  },
12367
+ {
12368
+ "name": "label/gray/borderColor",
12369
+ "value": {
12370
+ "r": 0.5725490196078431,
12371
+ "g": 0.6313725490196078,
12372
+ "b": 0.7098039215686275,
12373
+ "a": 1
12374
+ },
12375
+ "type": "COLOR",
12376
+ "refId": "mode/label/gray/borderColor",
12377
+ "reference": "mode/label/gray/fgColor/rest",
12378
+ "collection": "mode",
12379
+ "mode": "dark high contrast",
12380
+ "group": "component",
12381
+ "scopes": ["STROKE_COLOR"]
12382
+ },
12287
12383
  {
12288
12384
  "name": "label/auburn/bgColor/rest",
12289
12385
  "value": {
@@ -12380,6 +12476,22 @@
12380
12476
  "group": "component",
12381
12477
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12382
12478
  },
12479
+ {
12480
+ "name": "label/auburn/borderColor",
12481
+ "value": {
12482
+ "r": 0.7490196078431373,
12483
+ "g": 0.5843137254901961,
12484
+ "b": 0.5725490196078431,
12485
+ "a": 1
12486
+ },
12487
+ "type": "COLOR",
12488
+ "refId": "mode/label/auburn/borderColor",
12489
+ "reference": "mode/label/auburn/fgColor/rest",
12490
+ "collection": "mode",
12491
+ "mode": "dark high contrast",
12492
+ "group": "component",
12493
+ "scopes": ["STROKE_COLOR"]
12494
+ },
12383
12495
  {
12384
12496
  "name": "label/brown/bgColor/rest",
12385
12497
  "value": {
@@ -12476,6 +12588,22 @@
12476
12588
  "group": "component",
12477
12589
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12478
12590
  },
12591
+ {
12592
+ "name": "label/brown/borderColor",
12593
+ "value": {
12594
+ "r": 0.7137254901960784,
12595
+ "g": 0.6039215686274509,
12596
+ "b": 0.42745098039215684,
12597
+ "a": 1
12598
+ },
12599
+ "type": "COLOR",
12600
+ "refId": "mode/label/brown/borderColor",
12601
+ "reference": "mode/label/brown/fgColor/rest",
12602
+ "collection": "mode",
12603
+ "mode": "dark high contrast",
12604
+ "group": "component",
12605
+ "scopes": ["STROKE_COLOR"]
12606
+ },
12479
12607
  {
12480
12608
  "name": "label/lemon/bgColor/rest",
12481
12609
  "value": {
@@ -12572,6 +12700,22 @@
12572
12700
  "group": "component",
12573
12701
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12574
12702
  },
12703
+ {
12704
+ "name": "label/lemon/borderColor",
12705
+ "value": {
12706
+ "r": 0.7294117647058823,
12707
+ "g": 0.6078431372549019,
12708
+ "b": 0.07058823529411765,
12709
+ "a": 1
12710
+ },
12711
+ "type": "COLOR",
12712
+ "refId": "mode/label/lemon/borderColor",
12713
+ "reference": "mode/label/lemon/fgColor/rest",
12714
+ "collection": "mode",
12715
+ "mode": "dark high contrast",
12716
+ "group": "component",
12717
+ "scopes": ["STROKE_COLOR"]
12718
+ },
12575
12719
  {
12576
12720
  "name": "label/olive/bgColor/rest",
12577
12721
  "value": {
@@ -12668,6 +12812,22 @@
12668
12812
  "group": "component",
12669
12813
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12670
12814
  },
12815
+ {
12816
+ "name": "label/olive/borderColor",
12817
+ "value": {
12818
+ "r": 0.6352941176470588,
12819
+ "g": 0.6509803921568628,
12820
+ "b": 0.14901960784313725,
12821
+ "a": 1
12822
+ },
12823
+ "type": "COLOR",
12824
+ "refId": "mode/label/olive/borderColor",
12825
+ "reference": "mode/label/olive/fgColor/rest",
12826
+ "collection": "mode",
12827
+ "mode": "dark high contrast",
12828
+ "group": "component",
12829
+ "scopes": ["STROKE_COLOR"]
12830
+ },
12671
12831
  {
12672
12832
  "name": "label/lime/bgColor/rest",
12673
12833
  "value": {
@@ -12764,6 +12924,22 @@
12764
12924
  "group": "component",
12765
12925
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12766
12926
  },
12927
+ {
12928
+ "name": "label/lime/borderColor",
12929
+ "value": {
12930
+ "r": 0.49019607843137253,
12931
+ "g": 0.6823529411764706,
12932
+ "b": 0.21568627450980393,
12933
+ "a": 1
12934
+ },
12935
+ "type": "COLOR",
12936
+ "refId": "mode/label/lime/borderColor",
12937
+ "reference": "mode/label/lime/fgColor/rest",
12938
+ "collection": "mode",
12939
+ "mode": "dark high contrast",
12940
+ "group": "component",
12941
+ "scopes": ["STROKE_COLOR"]
12942
+ },
12767
12943
  {
12768
12944
  "name": "label/pine/bgColor/rest",
12769
12945
  "value": {
@@ -12860,6 +13036,22 @@
12860
13036
  "group": "component",
12861
13037
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12862
13038
  },
13039
+ {
13040
+ "name": "label/pine/borderColor",
13041
+ "value": {
13042
+ "r": 0.10588235294117647,
13043
+ "g": 0.7137254901960784,
13044
+ "b": 0.45098039215686275,
13045
+ "a": 1
13046
+ },
13047
+ "type": "COLOR",
13048
+ "refId": "mode/label/pine/borderColor",
13049
+ "reference": "mode/label/pine/fgColor/rest",
13050
+ "collection": "mode",
13051
+ "mode": "dark high contrast",
13052
+ "group": "component",
13053
+ "scopes": ["STROKE_COLOR"]
13054
+ },
12863
13055
  {
12864
13056
  "name": "label/teal/bgColor/rest",
12865
13057
  "value": {
@@ -12956,6 +13148,22 @@
12956
13148
  "group": "component",
12957
13149
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12958
13150
  },
13151
+ {
13152
+ "name": "label/teal/borderColor",
13153
+ "value": {
13154
+ "r": 0.10980392156862745,
13155
+ "g": 0.6901960784313725,
13156
+ "b": 0.6705882352941176,
13157
+ "a": 1
13158
+ },
13159
+ "type": "COLOR",
13160
+ "refId": "mode/label/teal/borderColor",
13161
+ "reference": "mode/label/teal/fgColor/rest",
13162
+ "collection": "mode",
13163
+ "mode": "dark high contrast",
13164
+ "group": "component",
13165
+ "scopes": ["STROKE_COLOR"]
13166
+ },
12959
13167
  {
12960
13168
  "name": "label/cyan/bgColor/rest",
12961
13169
  "value": {
@@ -13052,6 +13260,22 @@
13052
13260
  "group": "component",
13053
13261
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13054
13262
  },
13263
+ {
13264
+ "name": "label/cyan/borderColor",
13265
+ "value": {
13266
+ "r": 0.027450980392156862,
13267
+ "g": 0.6745098039215687,
13268
+ "b": 0.8941176470588236,
13269
+ "a": 1
13270
+ },
13271
+ "type": "COLOR",
13272
+ "refId": "mode/label/cyan/borderColor",
13273
+ "reference": "mode/label/cyan/fgColor/rest",
13274
+ "collection": "mode",
13275
+ "mode": "dark high contrast",
13276
+ "group": "component",
13277
+ "scopes": ["STROKE_COLOR"]
13278
+ },
13055
13279
  {
13056
13280
  "name": "label/indigo/bgColor/rest",
13057
13281
  "value": {
@@ -13148,6 +13372,22 @@
13148
13372
  "group": "component",
13149
13373
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13150
13374
  },
13375
+ {
13376
+ "name": "label/indigo/borderColor",
13377
+ "value": {
13378
+ "r": 0.596078431372549,
13379
+ "g": 0.6,
13380
+ "b": 0.9254901960784314,
13381
+ "a": 1
13382
+ },
13383
+ "type": "COLOR",
13384
+ "refId": "mode/label/indigo/borderColor",
13385
+ "reference": "mode/label/indigo/fgColor/rest",
13386
+ "collection": "mode",
13387
+ "mode": "dark high contrast",
13388
+ "group": "component",
13389
+ "scopes": ["STROKE_COLOR"]
13390
+ },
13151
13391
  {
13152
13392
  "name": "label/blue/bgColor/rest",
13153
13393
  "value": {
@@ -13244,6 +13484,22 @@
13244
13484
  "group": "component",
13245
13485
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13246
13486
  },
13487
+ {
13488
+ "name": "label/blue/borderColor",
13489
+ "value": {
13490
+ "r": 0.30196078431372547,
13491
+ "g": 0.6274509803921569,
13492
+ "b": 1,
13493
+ "a": 1
13494
+ },
13495
+ "type": "COLOR",
13496
+ "refId": "mode/label/blue/borderColor",
13497
+ "reference": "mode/label/blue/fgColor/rest",
13498
+ "collection": "mode",
13499
+ "mode": "dark high contrast",
13500
+ "group": "component",
13501
+ "scopes": ["STROKE_COLOR"]
13502
+ },
13247
13503
  {
13248
13504
  "name": "label/plum/bgColor/rest",
13249
13505
  "value": {
@@ -13340,6 +13596,22 @@
13340
13596
  "group": "component",
13341
13597
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13342
13598
  },
13599
+ {
13600
+ "name": "label/plum/borderColor",
13601
+ "value": {
13602
+ "r": 0.8156862745098039,
13603
+ "g": 0.49411764705882355,
13604
+ "b": 0.9686274509803922,
13605
+ "a": 1
13606
+ },
13607
+ "type": "COLOR",
13608
+ "refId": "mode/label/plum/borderColor",
13609
+ "reference": "mode/label/plum/fgColor/rest",
13610
+ "collection": "mode",
13611
+ "mode": "dark high contrast",
13612
+ "group": "component",
13613
+ "scopes": ["STROKE_COLOR"]
13614
+ },
13343
13615
  {
13344
13616
  "name": "label/pink/bgColor/rest",
13345
13617
  "value": {
@@ -13436,6 +13708,22 @@
13436
13708
  "group": "component",
13437
13709
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13438
13710
  },
13711
+ {
13712
+ "name": "label/pink/borderColor",
13713
+ "value": {
13714
+ "r": 0.8980392156862745,
13715
+ "g": 0.4823529411764706,
13716
+ "b": 0.6980392156862745,
13717
+ "a": 1
13718
+ },
13719
+ "type": "COLOR",
13720
+ "refId": "mode/label/pink/borderColor",
13721
+ "reference": "mode/label/pink/fgColor/rest",
13722
+ "collection": "mode",
13723
+ "mode": "dark high contrast",
13724
+ "group": "component",
13725
+ "scopes": ["STROKE_COLOR"]
13726
+ },
13439
13727
  {
13440
13728
  "name": "label/coral/bgColor/rest",
13441
13729
  "value": {
@@ -13532,6 +13820,22 @@
13532
13820
  "group": "component",
13533
13821
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13534
13822
  },
13823
+ {
13824
+ "name": "label/coral/borderColor",
13825
+ "value": {
13826
+ "r": 0.9686274509803922,
13827
+ "g": 0.4745098039215686,
13828
+ "b": 0.29411764705882354,
13829
+ "a": 1
13830
+ },
13831
+ "type": "COLOR",
13832
+ "refId": "mode/label/coral/borderColor",
13833
+ "reference": "mode/label/coral/fgColor/rest",
13834
+ "collection": "mode",
13835
+ "mode": "dark high contrast",
13836
+ "group": "component",
13837
+ "scopes": ["STROKE_COLOR"]
13838
+ },
13535
13839
  {
13536
13840
  "name": "menu/bgColor/active",
13537
13841
  "value": {