@primer/primitives 11.0.0 → 11.1.0-rc.f0583fc7

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 (73) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +38 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +40 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +38 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +40 -2
  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 +40 -2
  8. package/dist/css/functional/themes/dark.css +40 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +38 -0
  10. package/dist/css/functional/themes/light-colorblind.css +40 -2
  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 +40 -2
  14. package/dist/css/functional/themes/light.css +40 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2713 -20
  16. package/dist/docs/functional/themes/dark-colorblind.json +2882 -189
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2713 -20
  18. package/dist/docs/functional/themes/dark-dimmed.json +2882 -189
  19. package/dist/docs/functional/themes/dark-high-contrast.json +2713 -20
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
  21. package/dist/docs/functional/themes/dark-tritanopia.json +2882 -189
  22. package/dist/docs/functional/themes/dark.json +2882 -189
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2713 -20
  24. package/dist/docs/functional/themes/light-colorblind.json +2883 -190
  25. package/dist/docs/functional/themes/light-high-contrast.json +2713 -20
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2713 -20
  27. package/dist/docs/functional/themes/light-tritanopia.json +2883 -190
  28. package/dist/docs/functional/themes/light.json +2883 -190
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
  30. package/dist/figma/themes/dark-colorblind.json +308 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +304 -0
  32. package/dist/figma/themes/dark-dimmed.json +308 -4
  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 +308 -4
  36. package/dist/figma/themes/dark.json +308 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +304 -0
  38. package/dist/figma/themes/light-colorblind.json +308 -4
  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 +308 -4
  42. package/dist/figma/themes/light.json +308 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +38 -0
  44. package/dist/internalCss/dark-colorblind.css +40 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +38 -0
  46. package/dist/internalCss/dark-dimmed.css +40 -2
  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 +40 -2
  50. package/dist/internalCss/dark.css +40 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +38 -0
  52. package/dist/internalCss/light-colorblind.css +40 -2
  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 +40 -2
  56. package/dist/internalCss/light.css +40 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2713 -20
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +2881 -188
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2713 -20
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +2881 -188
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +2713 -20
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +2881 -188
  64. package/dist/styleLint/functional/themes/dark.json +2881 -188
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2713 -20
  66. package/dist/styleLint/functional/themes/light-colorblind.json +2882 -189
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +2713 -20
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2713 -20
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +2882 -189
  70. package/dist/styleLint/functional/themes/light.json +2882 -189
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/functional/color/control.json5 +9 -2
package/dist/figma/themes/dark-tritanopia.json CHANGED
@@ -2810,14 +2810,14 @@
2810
2810
  {
2811
2811
  "name": "controlKnob/borderColor/rest",
2812
2812
  "value": {
2813
- "r": 0.396078431372549,
2814
- "g": 0.4235294117647059,
2815
- "b": 0.4627450980392157,
2813
+ "r": 0.23921568627450981,
2814
+ "g": 0.26666666666666666,
2815
+ "b": 0.30196078431372547,
2816
2816
  "a": 1
2817
2817
  },
2818
2818
  "type": "COLOR",
2819
2819
  "refId": "mode/controlKnob/borderColor/rest",
2820
- "reference": "mode/control/borderColor/emphasis",
2820
+ "reference": "mode/control/borderColor/rest",
2821
2821
  "collection": "mode",
2822
2822
  "mode": "dark tritanopia",
2823
2823
  "group": "component (internal)",
@@ -11799,6 +11799,22 @@
11799
11799
  "group": "component",
11800
11800
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11801
11801
  },
11802
+ {
11803
+ "name": "label/green/borderColor",
11804
+ "value": {
11805
+ "r": 0,
11806
+ "g": 0,
11807
+ "b": 0,
11808
+ "a": 0
11809
+ },
11810
+ "type": "COLOR",
11811
+ "refId": "mode/label/green/borderColor",
11812
+ "reference": "base/color/dark/base/color/transparent",
11813
+ "collection": "mode",
11814
+ "mode": "dark tritanopia",
11815
+ "group": "component",
11816
+ "scopes": ["STROKE_COLOR"]
11817
+ },
11802
11818
  {
11803
11819
  "name": "label/orange/bgColor/rest",
11804
11820
  "value": {
@@ -11895,6 +11911,22 @@
11895
11911
  "group": "component",
11896
11912
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11897
11913
  },
11914
+ {
11915
+ "name": "label/orange/borderColor",
11916
+ "value": {
11917
+ "r": 0,
11918
+ "g": 0,
11919
+ "b": 0,
11920
+ "a": 0
11921
+ },
11922
+ "type": "COLOR",
11923
+ "refId": "mode/label/orange/borderColor",
11924
+ "reference": "base/color/dark/base/color/transparent",
11925
+ "collection": "mode",
11926
+ "mode": "dark tritanopia",
11927
+ "group": "component",
11928
+ "scopes": ["STROKE_COLOR"]
11929
+ },
11898
11930
  {
11899
11931
  "name": "label/purple/bgColor/rest",
11900
11932
  "value": {
@@ -11991,6 +12023,22 @@
11991
12023
  "group": "component",
11992
12024
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
11993
12025
  },
12026
+ {
12027
+ "name": "label/purple/borderColor",
12028
+ "value": {
12029
+ "r": 0,
12030
+ "g": 0,
12031
+ "b": 0,
12032
+ "a": 0
12033
+ },
12034
+ "type": "COLOR",
12035
+ "refId": "mode/label/purple/borderColor",
12036
+ "reference": "base/color/dark/base/color/transparent",
12037
+ "collection": "mode",
12038
+ "mode": "dark tritanopia",
12039
+ "group": "component",
12040
+ "scopes": ["STROKE_COLOR"]
12041
+ },
11994
12042
  {
11995
12043
  "name": "label/red/bgColor/rest",
11996
12044
  "value": {
@@ -12087,6 +12135,22 @@
12087
12135
  "group": "component",
12088
12136
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12089
12137
  },
12138
+ {
12139
+ "name": "label/red/borderColor",
12140
+ "value": {
12141
+ "r": 0,
12142
+ "g": 0,
12143
+ "b": 0,
12144
+ "a": 0
12145
+ },
12146
+ "type": "COLOR",
12147
+ "refId": "mode/label/red/borderColor",
12148
+ "reference": "base/color/dark/base/color/transparent",
12149
+ "collection": "mode",
12150
+ "mode": "dark tritanopia",
12151
+ "group": "component",
12152
+ "scopes": ["STROKE_COLOR"]
12153
+ },
12090
12154
  {
12091
12155
  "name": "label/yellow/bgColor/rest",
12092
12156
  "value": {
@@ -12183,6 +12247,22 @@
12183
12247
  "group": "component",
12184
12248
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12185
12249
  },
12250
+ {
12251
+ "name": "label/yellow/borderColor",
12252
+ "value": {
12253
+ "r": 0,
12254
+ "g": 0,
12255
+ "b": 0,
12256
+ "a": 0
12257
+ },
12258
+ "type": "COLOR",
12259
+ "refId": "mode/label/yellow/borderColor",
12260
+ "reference": "base/color/dark/base/color/transparent",
12261
+ "collection": "mode",
12262
+ "mode": "dark tritanopia",
12263
+ "group": "component",
12264
+ "scopes": ["STROKE_COLOR"]
12265
+ },
12186
12266
  {
12187
12267
  "name": "label/gray/bgColor/rest",
12188
12268
  "value": {
@@ -12279,6 +12359,22 @@
12279
12359
  "group": "component",
12280
12360
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12281
12361
  },
12362
+ {
12363
+ "name": "label/gray/borderColor",
12364
+ "value": {
12365
+ "r": 0,
12366
+ "g": 0,
12367
+ "b": 0,
12368
+ "a": 0
12369
+ },
12370
+ "type": "COLOR",
12371
+ "refId": "mode/label/gray/borderColor",
12372
+ "reference": "base/color/dark/base/color/transparent",
12373
+ "collection": "mode",
12374
+ "mode": "dark tritanopia",
12375
+ "group": "component",
12376
+ "scopes": ["STROKE_COLOR"]
12377
+ },
12282
12378
  {
12283
12379
  "name": "label/auburn/bgColor/rest",
12284
12380
  "value": {
@@ -12375,6 +12471,22 @@
12375
12471
  "group": "component",
12376
12472
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12377
12473
  },
12474
+ {
12475
+ "name": "label/auburn/borderColor",
12476
+ "value": {
12477
+ "r": 0,
12478
+ "g": 0,
12479
+ "b": 0,
12480
+ "a": 0
12481
+ },
12482
+ "type": "COLOR",
12483
+ "refId": "mode/label/auburn/borderColor",
12484
+ "reference": "base/color/dark/base/color/transparent",
12485
+ "collection": "mode",
12486
+ "mode": "dark tritanopia",
12487
+ "group": "component",
12488
+ "scopes": ["STROKE_COLOR"]
12489
+ },
12378
12490
  {
12379
12491
  "name": "label/brown/bgColor/rest",
12380
12492
  "value": {
@@ -12471,6 +12583,22 @@
12471
12583
  "group": "component",
12472
12584
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12473
12585
  },
12586
+ {
12587
+ "name": "label/brown/borderColor",
12588
+ "value": {
12589
+ "r": 0,
12590
+ "g": 0,
12591
+ "b": 0,
12592
+ "a": 0
12593
+ },
12594
+ "type": "COLOR",
12595
+ "refId": "mode/label/brown/borderColor",
12596
+ "reference": "base/color/dark/base/color/transparent",
12597
+ "collection": "mode",
12598
+ "mode": "dark tritanopia",
12599
+ "group": "component",
12600
+ "scopes": ["STROKE_COLOR"]
12601
+ },
12474
12602
  {
12475
12603
  "name": "label/lemon/bgColor/rest",
12476
12604
  "value": {
@@ -12567,6 +12695,22 @@
12567
12695
  "group": "component",
12568
12696
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12569
12697
  },
12698
+ {
12699
+ "name": "label/lemon/borderColor",
12700
+ "value": {
12701
+ "r": 0,
12702
+ "g": 0,
12703
+ "b": 0,
12704
+ "a": 0
12705
+ },
12706
+ "type": "COLOR",
12707
+ "refId": "mode/label/lemon/borderColor",
12708
+ "reference": "base/color/dark/base/color/transparent",
12709
+ "collection": "mode",
12710
+ "mode": "dark tritanopia",
12711
+ "group": "component",
12712
+ "scopes": ["STROKE_COLOR"]
12713
+ },
12570
12714
  {
12571
12715
  "name": "label/olive/bgColor/rest",
12572
12716
  "value": {
@@ -12663,6 +12807,22 @@
12663
12807
  "group": "component",
12664
12808
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12665
12809
  },
12810
+ {
12811
+ "name": "label/olive/borderColor",
12812
+ "value": {
12813
+ "r": 0,
12814
+ "g": 0,
12815
+ "b": 0,
12816
+ "a": 0
12817
+ },
12818
+ "type": "COLOR",
12819
+ "refId": "mode/label/olive/borderColor",
12820
+ "reference": "base/color/dark/base/color/transparent",
12821
+ "collection": "mode",
12822
+ "mode": "dark tritanopia",
12823
+ "group": "component",
12824
+ "scopes": ["STROKE_COLOR"]
12825
+ },
12666
12826
  {
12667
12827
  "name": "label/lime/bgColor/rest",
12668
12828
  "value": {
@@ -12759,6 +12919,22 @@
12759
12919
  "group": "component",
12760
12920
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12761
12921
  },
12922
+ {
12923
+ "name": "label/lime/borderColor",
12924
+ "value": {
12925
+ "r": 0,
12926
+ "g": 0,
12927
+ "b": 0,
12928
+ "a": 0
12929
+ },
12930
+ "type": "COLOR",
12931
+ "refId": "mode/label/lime/borderColor",
12932
+ "reference": "base/color/dark/base/color/transparent",
12933
+ "collection": "mode",
12934
+ "mode": "dark tritanopia",
12935
+ "group": "component",
12936
+ "scopes": ["STROKE_COLOR"]
12937
+ },
12762
12938
  {
12763
12939
  "name": "label/pine/bgColor/rest",
12764
12940
  "value": {
@@ -12855,6 +13031,22 @@
12855
13031
  "group": "component",
12856
13032
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12857
13033
  },
13034
+ {
13035
+ "name": "label/pine/borderColor",
13036
+ "value": {
13037
+ "r": 0,
13038
+ "g": 0,
13039
+ "b": 0,
13040
+ "a": 0
13041
+ },
13042
+ "type": "COLOR",
13043
+ "refId": "mode/label/pine/borderColor",
13044
+ "reference": "base/color/dark/base/color/transparent",
13045
+ "collection": "mode",
13046
+ "mode": "dark tritanopia",
13047
+ "group": "component",
13048
+ "scopes": ["STROKE_COLOR"]
13049
+ },
12858
13050
  {
12859
13051
  "name": "label/teal/bgColor/rest",
12860
13052
  "value": {
@@ -12951,6 +13143,22 @@
12951
13143
  "group": "component",
12952
13144
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
12953
13145
  },
13146
+ {
13147
+ "name": "label/teal/borderColor",
13148
+ "value": {
13149
+ "r": 0,
13150
+ "g": 0,
13151
+ "b": 0,
13152
+ "a": 0
13153
+ },
13154
+ "type": "COLOR",
13155
+ "refId": "mode/label/teal/borderColor",
13156
+ "reference": "base/color/dark/base/color/transparent",
13157
+ "collection": "mode",
13158
+ "mode": "dark tritanopia",
13159
+ "group": "component",
13160
+ "scopes": ["STROKE_COLOR"]
13161
+ },
12954
13162
  {
12955
13163
  "name": "label/cyan/bgColor/rest",
12956
13164
  "value": {
@@ -13047,6 +13255,22 @@
13047
13255
  "group": "component",
13048
13256
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13049
13257
  },
13258
+ {
13259
+ "name": "label/cyan/borderColor",
13260
+ "value": {
13261
+ "r": 0,
13262
+ "g": 0,
13263
+ "b": 0,
13264
+ "a": 0
13265
+ },
13266
+ "type": "COLOR",
13267
+ "refId": "mode/label/cyan/borderColor",
13268
+ "reference": "base/color/dark/base/color/transparent",
13269
+ "collection": "mode",
13270
+ "mode": "dark tritanopia",
13271
+ "group": "component",
13272
+ "scopes": ["STROKE_COLOR"]
13273
+ },
13050
13274
  {
13051
13275
  "name": "label/indigo/bgColor/rest",
13052
13276
  "value": {
@@ -13143,6 +13367,22 @@
13143
13367
  "group": "component",
13144
13368
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13145
13369
  },
13370
+ {
13371
+ "name": "label/indigo/borderColor",
13372
+ "value": {
13373
+ "r": 0,
13374
+ "g": 0,
13375
+ "b": 0,
13376
+ "a": 0
13377
+ },
13378
+ "type": "COLOR",
13379
+ "refId": "mode/label/indigo/borderColor",
13380
+ "reference": "base/color/dark/base/color/transparent",
13381
+ "collection": "mode",
13382
+ "mode": "dark tritanopia",
13383
+ "group": "component",
13384
+ "scopes": ["STROKE_COLOR"]
13385
+ },
13146
13386
  {
13147
13387
  "name": "label/blue/bgColor/rest",
13148
13388
  "value": {
@@ -13239,6 +13479,22 @@
13239
13479
  "group": "component",
13240
13480
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13241
13481
  },
13482
+ {
13483
+ "name": "label/blue/borderColor",
13484
+ "value": {
13485
+ "r": 0,
13486
+ "g": 0,
13487
+ "b": 0,
13488
+ "a": 0
13489
+ },
13490
+ "type": "COLOR",
13491
+ "refId": "mode/label/blue/borderColor",
13492
+ "reference": "base/color/dark/base/color/transparent",
13493
+ "collection": "mode",
13494
+ "mode": "dark tritanopia",
13495
+ "group": "component",
13496
+ "scopes": ["STROKE_COLOR"]
13497
+ },
13242
13498
  {
13243
13499
  "name": "label/plum/bgColor/rest",
13244
13500
  "value": {
@@ -13335,6 +13591,22 @@
13335
13591
  "group": "component",
13336
13592
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13337
13593
  },
13594
+ {
13595
+ "name": "label/plum/borderColor",
13596
+ "value": {
13597
+ "r": 0,
13598
+ "g": 0,
13599
+ "b": 0,
13600
+ "a": 0
13601
+ },
13602
+ "type": "COLOR",
13603
+ "refId": "mode/label/plum/borderColor",
13604
+ "reference": "base/color/dark/base/color/transparent",
13605
+ "collection": "mode",
13606
+ "mode": "dark tritanopia",
13607
+ "group": "component",
13608
+ "scopes": ["STROKE_COLOR"]
13609
+ },
13338
13610
  {
13339
13611
  "name": "label/pink/bgColor/rest",
13340
13612
  "value": {
@@ -13431,6 +13703,22 @@
13431
13703
  "group": "component",
13432
13704
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13433
13705
  },
13706
+ {
13707
+ "name": "label/pink/borderColor",
13708
+ "value": {
13709
+ "r": 0,
13710
+ "g": 0,
13711
+ "b": 0,
13712
+ "a": 0
13713
+ },
13714
+ "type": "COLOR",
13715
+ "refId": "mode/label/pink/borderColor",
13716
+ "reference": "base/color/dark/base/color/transparent",
13717
+ "collection": "mode",
13718
+ "mode": "dark tritanopia",
13719
+ "group": "component",
13720
+ "scopes": ["STROKE_COLOR"]
13721
+ },
13434
13722
  {
13435
13723
  "name": "label/coral/bgColor/rest",
13436
13724
  "value": {
@@ -13527,6 +13815,22 @@
13527
13815
  "group": "component",
13528
13816
  "scopes": ["TEXT_FILL", "SHAPE_FILL"]
13529
13817
  },
13818
+ {
13819
+ "name": "label/coral/borderColor",
13820
+ "value": {
13821
+ "r": 0,
13822
+ "g": 0,
13823
+ "b": 0,
13824
+ "a": 0
13825
+ },
13826
+ "type": "COLOR",
13827
+ "refId": "mode/label/coral/borderColor",
13828
+ "reference": "base/color/dark/base/color/transparent",
13829
+ "collection": "mode",
13830
+ "mode": "dark tritanopia",
13831
+ "group": "component",
13832
+ "scopes": ["STROKE_COLOR"]
13833
+ },
13530
13834
  {
13531
13835
  "name": "menu/bgColor/active",
13532
13836
  "value": {