primer_view_components 0.0.104 → 0.0.105

Sign up to get free protection for your applications and to get access to all the features.
Files changed (116) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +1 -1
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/item.rb +2 -2
  8. data/app/components/primer/alpha/action_list.rb +2 -0
  9. data/app/components/primer/alpha/image.rb +50 -0
  10. data/app/components/primer/{image_crop.d.ts → alpha/image_crop.d.ts} +0 -0
  11. data/app/components/primer/{image_crop.html.erb → alpha/image_crop.html.erb} +0 -0
  12. data/app/components/primer/{image_crop.js → alpha/image_crop.js} +0 -0
  13. data/app/components/primer/alpha/image_crop.rb +39 -0
  14. data/app/components/primer/{image_crop.ts → alpha/image_crop.ts} +0 -0
  15. data/app/components/primer/alpha/nav_list/item.rb +2 -0
  16. data/app/components/primer/alpha/nav_list/section.rb +2 -0
  17. data/app/components/primer/alpha/segmented_control/item.html.erb +13 -0
  18. data/app/components/primer/alpha/segmented_control/item.rb +29 -0
  19. data/app/components/primer/alpha/segmented_control.css +1 -0
  20. data/app/components/primer/alpha/segmented_control.css.map +1 -0
  21. data/app/components/primer/alpha/segmented_control.d.ts +11 -0
  22. data/app/components/primer/alpha/segmented_control.html.erb +7 -0
  23. data/app/components/primer/alpha/segmented_control.js +48 -0
  24. data/app/components/primer/alpha/segmented_control.pcss +121 -0
  25. data/app/components/primer/alpha/segmented_control.rb +92 -0
  26. data/app/components/primer/alpha/segmented_control.ts +41 -0
  27. data/app/components/primer/alpha/tooltip.rb +2 -2
  28. data/app/components/primer/beta/auto_complete/item.rb +2 -2
  29. data/app/components/primer/beta/avatar.rb +1 -1
  30. data/app/components/primer/beta/blankslate.rb +4 -4
  31. data/app/components/primer/beta/breadcrumbs.rb +1 -1
  32. data/app/components/primer/beta/button.rb +1 -1
  33. data/app/components/primer/beta/label.rb +100 -0
  34. data/app/components/primer/beta/link.rb +99 -0
  35. data/app/components/primer/component.rb +1 -0
  36. data/app/components/primer/image.rb +2 -41
  37. data/app/components/primer/image_crop.rb +2 -32
  38. data/app/components/primer/label_component.rb +2 -93
  39. data/app/components/primer/link_component.rb +2 -92
  40. data/app/components/primer/primer.d.ts +2 -1
  41. data/app/components/primer/primer.js +2 -1
  42. data/app/components/primer/primer.pcss +1 -0
  43. data/app/components/primer/primer.ts +2 -1
  44. data/app/components/primer/subhead_component.rb +1 -1
  45. data/app/components/primer/time_ago_component.rb +2 -0
  46. data/app/helpers/primer/form_helper.rb +1 -0
  47. data/app/lib/primer/view_helper.rb +1 -1
  48. data/lib/primer/deprecations.rb +4 -0
  49. data/lib/primer/form_components.rb +1 -0
  50. data/lib/primer/view_components/linters/argument_mappers/label.rb +4 -4
  51. data/lib/primer/view_components/linters/label_component_migration_counter.rb +3 -3
  52. data/lib/primer/view_components/version.rb +1 -1
  53. data/lib/rubocop/config/default.yml +0 -3
  54. data/lib/rubocop/cop/primer/deprecated_label_schemes.rb +3 -3
  55. data/lib/rubocop/cop/primer/deprecated_label_variants.rb +5 -5
  56. data/lib/tasks/docs.rake +12 -7
  57. data/lib/tasks/test.rake +23 -26
  58. data/previews/primer/alpha/action_list_preview.rb +29 -0
  59. data/previews/primer/alpha/auto_complete_preview.rb +10 -0
  60. data/previews/primer/alpha/button_marketing_preview.rb +9 -0
  61. data/previews/primer/alpha/dialog_preview.rb +18 -1
  62. data/previews/primer/alpha/hidden_text_expander_preview.rb +7 -0
  63. data/previews/primer/alpha/image_crop_preview.rb +31 -0
  64. data/previews/primer/alpha/layout_preview.rb +15 -0
  65. data/previews/primer/alpha/nav_list_preview.rb +29 -0
  66. data/previews/primer/alpha/segmented_control_preview.rb +75 -0
  67. data/previews/primer/alpha/tab_panels_preview.rb +15 -0
  68. data/previews/primer/alpha/text_field_preview.rb +58 -0
  69. data/previews/primer/alpha/toggle_switch_preview.rb +4 -0
  70. data/previews/primer/alpha/tooltip_preview.rb +13 -3
  71. data/previews/primer/alpha/underline_nav_preview/playground.html.erb +8 -0
  72. data/previews/primer/alpha/underline_nav_preview.rb +15 -0
  73. data/previews/primer/alpha/underline_panels_preview.rb +15 -0
  74. data/previews/primer/beta/auto_complete_item_preview/playground.html.erb +9 -0
  75. data/previews/primer/beta/auto_complete_item_preview.rb +14 -0
  76. data/previews/primer/beta/auto_complete_preview.rb +20 -0
  77. data/previews/primer/beta/avatar_preview.rb +9 -0
  78. data/previews/primer/beta/avatar_stack_preview.rb +15 -0
  79. data/previews/primer/beta/base_button_preview.rb +9 -0
  80. data/previews/primer/beta/blankslate_preview.rb +12 -0
  81. data/previews/primer/beta/border_box_preview.rb +14 -0
  82. data/previews/primer/beta/breadcrumbs_preview.rb +11 -0
  83. data/previews/primer/beta/button_group_preview.rb +12 -0
  84. data/previews/primer/beta/close_button_preview.rb +7 -0
  85. data/previews/primer/beta/counter_preview.rb +11 -0
  86. data/previews/primer/beta/details_preview.rb +15 -0
  87. data/previews/primer/beta/flash_preview.rb +12 -0
  88. data/previews/primer/beta/heading_preview.rb +8 -0
  89. data/previews/primer/beta/label_preview.rb +26 -0
  90. data/previews/primer/beta/link_preview.rb +41 -0
  91. data/previews/primer/beta/text_preview.rb +8 -0
  92. data/previews/primer/beta/truncate_preview.rb +7 -0
  93. data/previews/primer/clipboard_copy_preview.rb +8 -0
  94. data/previews/primer/dropdown_preview.rb +18 -0
  95. data/previews/primer/hellip_button_preview.rb +8 -0
  96. data/previews/primer/layout_component_preview.rb +13 -1
  97. data/previews/primer/local_time_component_preview.rb +13 -0
  98. data/previews/primer/markdown_preview.rb +277 -266
  99. data/previews/primer/menu_component_preview/playground.html.erb +17 -0
  100. data/previews/primer/menu_component_preview.rb +4 -1
  101. data/previews/primer/octicon_component_preview.rb +8 -0
  102. data/previews/primer/popover_component_preview.rb +15 -1
  103. data/previews/primer/progress_bar_component_preview.rb +12 -1
  104. data/previews/primer/spinner_component_preview.rb +7 -0
  105. data/previews/primer/state_component_preview.rb +11 -1
  106. data/previews/primer/subhead_component_preview.rb +17 -0
  107. data/previews/primer/time_ago_component_preview.rb +8 -0
  108. data/previews/primer/timeline_item_component_preview.rb +12 -1
  109. data/static/arguments.json +300 -138
  110. data/static/audited_at.json +6 -0
  111. data/static/constants.json +86 -71
  112. data/static/statuses.json +10 -4
  113. metadata +27 -9
  114. data/previews/primer/image_crop_preview.rb +0 -22
  115. data/previews/primer/label_component_preview.rb +0 -15
  116. data/previews/primer/link_component_preview.rb +0 -29
@@ -1,7 +1,9 @@
1
1
  [
2
2
  {
3
3
  "component": "ActionList",
4
+ "status": "alpha",
4
5
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
6
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
5
7
  "parameters": [
6
8
  {
7
9
  "name": "role",
@@ -37,7 +39,9 @@
37
39
  },
38
40
  {
39
41
  "component": "ActionList::Divider",
42
+ "status": "alpha",
40
43
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
44
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
41
45
  "parameters": [
42
46
  {
43
47
  "name": "scheme",
@@ -55,7 +59,9 @@
55
59
  },
56
60
  {
57
61
  "component": "ActionList::Heading",
62
+ "status": "alpha",
58
63
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
64
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
59
65
  "parameters": [
60
66
  {
61
67
  "name": "list_id",
@@ -97,7 +103,9 @@
97
103
  },
98
104
  {
99
105
  "component": "ActionList::Item",
106
+ "status": "alpha",
100
107
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
108
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
101
109
  "parameters": [
102
110
  {
103
111
  "name": "list",
@@ -199,7 +207,9 @@
199
207
  },
200
208
  {
201
209
  "component": "ButtonMarketing",
210
+ "status": "alpha",
202
211
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
212
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
203
213
  "parameters": [
204
214
  {
205
215
  "name": "scheme",
@@ -235,7 +245,9 @@
235
245
  },
236
246
  {
237
247
  "component": "Dialog",
248
+ "status": "alpha",
238
249
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
250
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
239
251
  "parameters": [
240
252
  {
241
253
  "name": "id",
@@ -289,7 +301,9 @@
289
301
  },
290
302
  {
291
303
  "component": "HiddenTextExpander",
304
+ "status": "alpha",
292
305
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
306
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
293
307
  "parameters": [
294
308
  {
295
309
  "name": "inline",
@@ -311,9 +325,69 @@
311
325
  }
312
326
  ]
313
327
  },
328
+ {
329
+ "component": "Image",
330
+ "status": "alpha",
331
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
332
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
333
+ "parameters": [
334
+ {
335
+ "name": "src",
336
+ "type": "String",
337
+ "default": "N/A",
338
+ "description": "The source url of the image."
339
+ },
340
+ {
341
+ "name": "alt",
342
+ "type": "String",
343
+ "default": "N/A",
344
+ "description": "Specifies an alternate text for the image."
345
+ },
346
+ {
347
+ "name": "lazy",
348
+ "type": "Boolean",
349
+ "default": "`false`",
350
+ "description": "Whether or not to lazily load the image."
351
+ },
352
+ {
353
+ "name": "system_arguments",
354
+ "type": "Hash",
355
+ "default": "N/A",
356
+ "description": "[System arguments](/system-arguments)"
357
+ }
358
+ ]
359
+ },
360
+ {
361
+ "component": "ImageCrop",
362
+ "status": "alpha",
363
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
364
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
365
+ "parameters": [
366
+ {
367
+ "name": "src",
368
+ "type": "String",
369
+ "default": "N/A",
370
+ "description": "The path of the image to crop."
371
+ },
372
+ {
373
+ "name": "rounded",
374
+ "type": "Boolean",
375
+ "default": "`true`",
376
+ "description": "If the crop mask should be a circle. Defaults to true."
377
+ },
378
+ {
379
+ "name": "system_arguments",
380
+ "type": "Hash",
381
+ "default": "N/A",
382
+ "description": "[System arguments](/system-arguments)"
383
+ }
384
+ ]
385
+ },
314
386
  {
315
387
  "component": "Layout",
388
+ "status": "alpha",
316
389
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
390
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
317
391
  "parameters": [
318
392
  {
319
393
  "name": "stacking_breakpoint",
@@ -343,7 +417,9 @@
343
417
  },
344
418
  {
345
419
  "component": "NavList",
420
+ "status": "alpha",
346
421
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
422
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
347
423
  "parameters": [
348
424
  {
349
425
  "name": "selected_item_id",
@@ -361,7 +437,9 @@
361
437
  },
362
438
  {
363
439
  "component": "NavList::Item",
440
+ "status": "alpha",
364
441
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
442
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
365
443
  "parameters": [
366
444
  {
367
445
  "name": "selected_item_id",
@@ -397,7 +475,9 @@
397
475
  },
398
476
  {
399
477
  "component": "NavList::Section",
478
+ "status": "alpha",
400
479
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
480
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
401
481
  "parameters": [
402
482
  {
403
483
  "name": "selected_item_id",
@@ -413,9 +493,43 @@
413
493
  }
414
494
  ]
415
495
  },
496
+ {
497
+ "component": "SegmentedControl",
498
+ "status": "alpha",
499
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
500
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
501
+ "parameters": [
502
+ {
503
+ "name": "hide_labels",
504
+ "type": "Boolean",
505
+ "default": "`false`",
506
+ "description": "Whether to hide the labels and only show the icons"
507
+ },
508
+ {
509
+ "name": "full_width",
510
+ "type": "Boolean",
511
+ "default": "`false`",
512
+ "description": "If the component should be full width"
513
+ },
514
+ {
515
+ "name": "size",
516
+ "type": "Symbol",
517
+ "default": "`:medium`",
518
+ "description": "One of `:large`, `:medium`, or `:small`."
519
+ },
520
+ {
521
+ "name": "system_arguments",
522
+ "type": "Hash",
523
+ "default": "N/A",
524
+ "description": "[System arguments](/system-arguments)"
525
+ }
526
+ ]
527
+ },
416
528
  {
417
529
  "component": "TabNav",
530
+ "status": "alpha",
418
531
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
532
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
419
533
  "parameters": [
420
534
  {
421
535
  "name": "tag",
@@ -445,7 +559,9 @@
445
559
  },
446
560
  {
447
561
  "component": "TabPanels",
562
+ "status": "alpha",
448
563
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
564
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
449
565
  "parameters": [
450
566
  {
451
567
  "name": "label",
@@ -481,7 +597,9 @@
481
597
  },
482
598
  {
483
599
  "component": "TextField",
600
+ "status": "alpha",
484
601
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
602
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
485
603
  "parameters": [
486
604
  {
487
605
  "name": "name",
@@ -613,7 +731,9 @@
613
731
  },
614
732
  {
615
733
  "component": "ToggleSwitch",
734
+ "status": "alpha",
616
735
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
736
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
617
737
  "parameters": [
618
738
  {
619
739
  "name": "src",
@@ -661,7 +781,9 @@
661
781
  },
662
782
  {
663
783
  "component": "Tooltip",
784
+ "status": "alpha",
664
785
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
786
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
665
787
  "parameters": [
666
788
  {
667
789
  "name": "for_id",
@@ -697,7 +819,9 @@
697
819
  },
698
820
  {
699
821
  "component": "UnderlineNav",
822
+ "status": "alpha",
700
823
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
824
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
701
825
  "parameters": [
702
826
  {
703
827
  "name": "tag",
@@ -733,7 +857,9 @@
733
857
  },
734
858
  {
735
859
  "component": "UnderlinePanels",
860
+ "status": "alpha",
736
861
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
862
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
737
863
  "parameters": [
738
864
  {
739
865
  "name": "label",
@@ -769,7 +895,9 @@
769
895
  },
770
896
  {
771
897
  "component": "AutoComplete",
898
+ "status": "beta",
772
899
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
900
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
773
901
  "parameters": [
774
902
  {
775
903
  "name": "label_text",
@@ -865,7 +993,9 @@
865
993
  },
866
994
  {
867
995
  "component": "AutoComplete::Item",
996
+ "status": "beta",
868
997
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
998
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
869
999
  "parameters": [
870
1000
  {
871
1001
  "name": "value",
@@ -907,7 +1037,9 @@
907
1037
  },
908
1038
  {
909
1039
  "component": "Avatar",
1040
+ "status": "beta",
910
1041
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
1042
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
911
1043
  "parameters": [
912
1044
  {
913
1045
  "name": "src",
@@ -949,7 +1081,9 @@
949
1081
  },
950
1082
  {
951
1083
  "component": "AvatarStack",
1084
+ "status": "beta",
952
1085
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
1086
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
953
1087
  "parameters": [
954
1088
  {
955
1089
  "name": "tag",
@@ -985,7 +1119,9 @@
985
1119
  },
986
1120
  {
987
1121
  "component": "BaseButton",
1122
+ "status": "beta",
988
1123
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
1124
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
989
1125
  "parameters": [
990
1126
  {
991
1127
  "name": "tag",
@@ -1015,7 +1151,9 @@
1015
1151
  },
1016
1152
  {
1017
1153
  "component": "Blankslate",
1154
+ "status": "beta",
1018
1155
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
1156
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
1019
1157
  "parameters": [
1020
1158
  {
1021
1159
  "name": "narrow",
@@ -1045,7 +1183,9 @@
1045
1183
  },
1046
1184
  {
1047
1185
  "component": "BorderBox",
1186
+ "status": "beta",
1048
1187
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
1188
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
1049
1189
  "parameters": [
1050
1190
  {
1051
1191
  "name": "padding",
@@ -1063,7 +1203,9 @@
1063
1203
  },
1064
1204
  {
1065
1205
  "component": "BorderBox::Header",
1206
+ "status": "beta",
1066
1207
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
1208
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
1067
1209
  "parameters": [
1068
1210
  {
1069
1211
  "name": "system_arguments",
@@ -1075,7 +1217,9 @@
1075
1217
  },
1076
1218
  {
1077
1219
  "component": "Breadcrumbs",
1220
+ "status": "beta",
1078
1221
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
1222
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
1079
1223
  "parameters": [
1080
1224
  {
1081
1225
  "name": "system_arguments",
@@ -1087,7 +1231,9 @@
1087
1231
  },
1088
1232
  {
1089
1233
  "component": "Button",
1234
+ "status": "beta",
1090
1235
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
1236
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
1091
1237
  "parameters": [
1092
1238
  {
1093
1239
  "name": "scheme",
@@ -1135,7 +1281,9 @@
1135
1281
  },
1136
1282
  {
1137
1283
  "component": "ButtonGroup",
1284
+ "status": "beta",
1138
1285
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
1286
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
1139
1287
  "parameters": [
1140
1288
  {
1141
1289
  "name": "variant",
@@ -1159,7 +1307,9 @@
1159
1307
  },
1160
1308
  {
1161
1309
  "component": "CloseButton",
1310
+ "status": "beta",
1162
1311
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
1312
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
1163
1313
  "parameters": [
1164
1314
  {
1165
1315
  "name": "type",
@@ -1177,7 +1327,9 @@
1177
1327
  },
1178
1328
  {
1179
1329
  "component": "Counter",
1330
+ "status": "beta",
1180
1331
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
1332
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
1181
1333
  "parameters": [
1182
1334
  {
1183
1335
  "name": "count",
@@ -1225,7 +1377,9 @@
1225
1377
  },
1226
1378
  {
1227
1379
  "component": "Details",
1380
+ "status": "beta",
1228
1381
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
1382
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
1229
1383
  "parameters": [
1230
1384
  {
1231
1385
  "name": "overlay",
@@ -1249,7 +1403,9 @@
1249
1403
  },
1250
1404
  {
1251
1405
  "component": "Flash",
1406
+ "status": "beta",
1252
1407
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
1408
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
1253
1409
  "parameters": [
1254
1410
  {
1255
1411
  "name": "full",
@@ -1291,7 +1447,9 @@
1291
1447
  },
1292
1448
  {
1293
1449
  "component": "Heading",
1450
+ "status": "beta",
1294
1451
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
1452
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
1295
1453
  "parameters": [
1296
1454
  {
1297
1455
  "name": "tag",
@@ -1309,7 +1467,9 @@
1309
1467
  },
1310
1468
  {
1311
1469
  "component": "IconButton",
1470
+ "status": "beta",
1312
1471
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
1472
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
1313
1473
  "parameters": [
1314
1474
  {
1315
1475
  "name": "icon",
@@ -1379,9 +1539,99 @@
1379
1539
  }
1380
1540
  ]
1381
1541
  },
1542
+ {
1543
+ "component": "Label",
1544
+ "status": "beta",
1545
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
1546
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
1547
+ "parameters": [
1548
+ {
1549
+ "name": "tag",
1550
+ "type": "Symbol",
1551
+ "default": "`:span`",
1552
+ "description": "One of `:a`, `:div`, `:span`, or `:summary`."
1553
+ },
1554
+ {
1555
+ "name": "scheme",
1556
+ "type": "Symbol",
1557
+ "default": "`:default`",
1558
+ "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
1559
+ },
1560
+ {
1561
+ "name": "size",
1562
+ "type": "Symbol",
1563
+ "default": "`:medium`",
1564
+ "description": "One of `:large` or `:medium`."
1565
+ },
1566
+ {
1567
+ "name": "inline",
1568
+ "type": "Boolean",
1569
+ "default": "`false`",
1570
+ "description": "Whether or not to render this label inline."
1571
+ },
1572
+ {
1573
+ "name": "variant",
1574
+ "type": "Symbol",
1575
+ "default": "`:none`",
1576
+ "description": "One of `:inline`, `:large`, or `:none`."
1577
+ },
1578
+ {
1579
+ "name": "system_arguments",
1580
+ "type": "Hash",
1581
+ "default": "N/A",
1582
+ "description": "[System arguments](/system-arguments)"
1583
+ }
1584
+ ]
1585
+ },
1586
+ {
1587
+ "component": "Link",
1588
+ "status": "beta",
1589
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
1590
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
1591
+ "parameters": [
1592
+ {
1593
+ "name": "tag",
1594
+ "type": "String",
1595
+ "default": "`:a`",
1596
+ "description": "One of `:a` or `:span`."
1597
+ },
1598
+ {
1599
+ "name": "href",
1600
+ "type": "String",
1601
+ "default": "`nil`",
1602
+ "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
1603
+ },
1604
+ {
1605
+ "name": "scheme",
1606
+ "type": "Symbol",
1607
+ "default": "`:default`",
1608
+ "description": "One of `:default`, `:primary`, or `:secondary`."
1609
+ },
1610
+ {
1611
+ "name": "muted",
1612
+ "type": "Boolean",
1613
+ "default": "`false`",
1614
+ "description": "Uses light gray for Link color, and blue on hover."
1615
+ },
1616
+ {
1617
+ "name": "underline",
1618
+ "type": "Boolean",
1619
+ "default": "`true`",
1620
+ "description": "Whether or not to underline the link."
1621
+ },
1622
+ {
1623
+ "name": "system_arguments",
1624
+ "type": "Hash",
1625
+ "default": "N/A",
1626
+ "description": "[System arguments](/system-arguments)"
1627
+ }
1628
+ ]
1629
+ },
1382
1630
  {
1383
1631
  "component": "Text",
1632
+ "status": "beta",
1384
1633
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
1634
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
1385
1635
  "parameters": [
1386
1636
  {
1387
1637
  "name": "tag",
@@ -1399,7 +1649,9 @@
1399
1649
  },
1400
1650
  {
1401
1651
  "component": "Truncate",
1652
+ "status": "beta",
1402
1653
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
1654
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
1403
1655
  "parameters": [
1404
1656
  {
1405
1657
  "name": "system_arguments",
@@ -1411,7 +1663,9 @@
1411
1663
  },
1412
1664
  {
1413
1665
  "component": "Box",
1666
+ "status": "stable",
1414
1667
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
1668
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
1415
1669
  "parameters": [
1416
1670
  {
1417
1671
  "name": "system_arguments",
@@ -1423,7 +1677,9 @@
1423
1677
  },
1424
1678
  {
1425
1679
  "component": "Button",
1680
+ "status": "beta",
1426
1681
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
1682
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
1427
1683
  "parameters": [
1428
1684
  {
1429
1685
  "name": "scheme",
@@ -1483,7 +1739,9 @@
1483
1739
  },
1484
1740
  {
1485
1741
  "component": "ClipboardCopy",
1742
+ "status": "beta",
1486
1743
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/clipboard_copy.rb",
1744
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/clipboard_copy/default/",
1487
1745
  "parameters": [
1488
1746
  {
1489
1747
  "name": "aria-label",
@@ -1513,7 +1771,9 @@
1513
1771
  },
1514
1772
  {
1515
1773
  "component": "Dropdown",
1774
+ "status": "alpha",
1516
1775
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
1776
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
1517
1777
  "parameters": [
1518
1778
  {
1519
1779
  "name": "overlay",
@@ -1537,7 +1797,9 @@
1537
1797
  },
1538
1798
  {
1539
1799
  "component": "DropdownMenu",
1800
+ "status": "deprecated",
1540
1801
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
1802
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu/default/",
1541
1803
  "parameters": [
1542
1804
  {
1543
1805
  "name": "direction",
@@ -1567,7 +1829,9 @@
1567
1829
  },
1568
1830
  {
1569
1831
  "component": "HellipButton",
1832
+ "status": "alpha",
1570
1833
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
1834
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button/default/",
1571
1835
  "parameters": [
1572
1836
  {
1573
1837
  "name": "inline",
@@ -1585,7 +1849,9 @@
1585
1849
  },
1586
1850
  {
1587
1851
  "component": "IconButton",
1852
+ "status": "deprecated",
1588
1853
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
1854
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
1589
1855
  "parameters": [
1590
1856
  {
1591
1857
  "name": "scheme",
@@ -1643,105 +1909,11 @@
1643
1909
  }
1644
1910
  ]
1645
1911
  },
1646
- {
1647
- "component": "Image",
1648
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/image.rb",
1649
- "parameters": [
1650
- {
1651
- "name": "src",
1652
- "type": "String",
1653
- "default": "N/A",
1654
- "description": "The source url of the image."
1655
- },
1656
- {
1657
- "name": "alt",
1658
- "type": "String",
1659
- "default": "N/A",
1660
- "description": "Specifies an alternate text for the image."
1661
- },
1662
- {
1663
- "name": "lazy",
1664
- "type": "Boolean",
1665
- "default": "`false`",
1666
- "description": "Whether or not to lazily load the image."
1667
- },
1668
- {
1669
- "name": "system_arguments",
1670
- "type": "Hash",
1671
- "default": "N/A",
1672
- "description": "[System arguments](/system-arguments)"
1673
- }
1674
- ]
1675
- },
1676
- {
1677
- "component": "ImageCrop",
1678
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/image_crop.rb",
1679
- "parameters": [
1680
- {
1681
- "name": "src",
1682
- "type": "String",
1683
- "default": "N/A",
1684
- "description": "The path of the image to crop."
1685
- },
1686
- {
1687
- "name": "rounded",
1688
- "type": "Boolean",
1689
- "default": "`true`",
1690
- "description": "If the crop mask should be a circle. Defaults to true."
1691
- },
1692
- {
1693
- "name": "system_arguments",
1694
- "type": "Hash",
1695
- "default": "N/A",
1696
- "description": "[System arguments](/system-arguments)"
1697
- }
1698
- ]
1699
- },
1700
- {
1701
- "component": "Label",
1702
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/label_component.rb",
1703
- "parameters": [
1704
- {
1705
- "name": "tag",
1706
- "type": "Symbol",
1707
- "default": "`:span`",
1708
- "description": "One of `:a`, `:div`, `:span`, or `:summary`."
1709
- },
1710
- {
1711
- "name": "scheme",
1712
- "type": "Symbol",
1713
- "default": "`:default`",
1714
- "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
1715
- },
1716
- {
1717
- "name": "size",
1718
- "type": "Symbol",
1719
- "default": "`:medium`",
1720
- "description": "One of `:large` or `:medium`."
1721
- },
1722
- {
1723
- "name": "inline",
1724
- "type": "Boolean",
1725
- "default": "`false`",
1726
- "description": "Whether or not to render this label inline."
1727
- },
1728
- {
1729
- "name": "variant",
1730
- "type": "Symbol",
1731
- "default": "`:none`",
1732
- "description": "One of `:inline`, `:large`, or `:none`."
1733
- },
1734
- {
1735
- "name": "system_arguments",
1736
- "type": "Hash",
1737
- "default": "N/A",
1738
- "description": "[System arguments](/system-arguments)"
1739
- }
1740
- ]
1741
- },
1742
1912
  {
1743
1913
  "component": "Layout",
1914
+ "status": "alpha",
1744
1915
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
1916
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
1745
1917
  "parameters": [
1746
1918
  {
1747
1919
  "name": "responsive",
@@ -1769,51 +1941,11 @@
1769
1941
  }
1770
1942
  ]
1771
1943
  },
1772
- {
1773
- "component": "Link",
1774
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/link_component.rb",
1775
- "parameters": [
1776
- {
1777
- "name": "tag",
1778
- "type": "String",
1779
- "default": "`:a`",
1780
- "description": "One of `:a` or `:span`."
1781
- },
1782
- {
1783
- "name": "href",
1784
- "type": "String",
1785
- "default": "`nil`",
1786
- "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
1787
- },
1788
- {
1789
- "name": "scheme",
1790
- "type": "Symbol",
1791
- "default": "`:default`",
1792
- "description": "One of `:default`, `:primary`, or `:secondary`."
1793
- },
1794
- {
1795
- "name": "muted",
1796
- "type": "Boolean",
1797
- "default": "`false`",
1798
- "description": "Uses light gray for Link color, and blue on hover."
1799
- },
1800
- {
1801
- "name": "underline",
1802
- "type": "Boolean",
1803
- "default": "`true`",
1804
- "description": "Whether or not to underline the link."
1805
- },
1806
- {
1807
- "name": "system_arguments",
1808
- "type": "Hash",
1809
- "default": "N/A",
1810
- "description": "[System arguments](/system-arguments)"
1811
- }
1812
- ]
1813
- },
1814
1944
  {
1815
1945
  "component": "LocalTime",
1946
+ "status": "alpha",
1816
1947
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
1948
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
1817
1949
  "parameters": [
1818
1950
  {
1819
1951
  "name": "datetime",
@@ -1885,7 +2017,9 @@
1885
2017
  },
1886
2018
  {
1887
2019
  "component": "Markdown",
2020
+ "status": "beta",
1888
2021
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/markdown.rb",
2022
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/markdown/default/",
1889
2023
  "parameters": [
1890
2024
  {
1891
2025
  "name": "tag",
@@ -1903,7 +2037,9 @@
1903
2037
  },
1904
2038
  {
1905
2039
  "component": "Menu",
2040
+ "status": "alpha",
1906
2041
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/menu_component.rb",
2042
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/menu/default/",
1907
2043
  "parameters": [
1908
2044
  {
1909
2045
  "name": "system_arguments",
@@ -1915,7 +2051,9 @@
1915
2051
  },
1916
2052
  {
1917
2053
  "component": "Navigation::Tab",
2054
+ "status": "alpha",
1918
2055
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
2056
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
1919
2057
  "parameters": [
1920
2058
  {
1921
2059
  "name": "list",
@@ -1963,7 +2101,9 @@
1963
2101
  },
1964
2102
  {
1965
2103
  "component": "Octicon",
2104
+ "status": "beta",
1966
2105
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_component.rb",
2106
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon/default/",
1967
2107
  "parameters": [
1968
2108
  {
1969
2109
  "name": "icon_name",
@@ -1999,7 +2139,9 @@
1999
2139
  },
2000
2140
  {
2001
2141
  "component": "OcticonSymbols",
2142
+ "status": "alpha",
2002
2143
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_symbols_component.rb",
2144
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon_symbols/default/",
2003
2145
  "parameters": [
2004
2146
  {
2005
2147
  "name": "icons",
@@ -2011,7 +2153,9 @@
2011
2153
  },
2012
2154
  {
2013
2155
  "component": "Popover",
2156
+ "status": "beta",
2014
2157
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
2158
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
2015
2159
  "parameters": [
2016
2160
  {
2017
2161
  "name": "system_arguments",
@@ -2023,7 +2167,9 @@
2023
2167
  },
2024
2168
  {
2025
2169
  "component": "ProgressBar",
2170
+ "status": "beta",
2026
2171
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/progress_bar_component.rb",
2172
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/progress_bar/default/",
2027
2173
  "parameters": [
2028
2174
  {
2029
2175
  "name": "size",
@@ -2041,7 +2187,9 @@
2041
2187
  },
2042
2188
  {
2043
2189
  "component": "Spinner",
2190
+ "status": "beta",
2044
2191
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/spinner_component.rb",
2192
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/spinner/default/",
2045
2193
  "parameters": [
2046
2194
  {
2047
2195
  "name": "size",
@@ -2065,7 +2213,9 @@
2065
2213
  },
2066
2214
  {
2067
2215
  "component": "State",
2216
+ "status": "beta",
2068
2217
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/state_component.rb",
2218
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state/default/",
2069
2219
  "parameters": [
2070
2220
  {
2071
2221
  "name": "title",
@@ -2101,7 +2251,9 @@
2101
2251
  },
2102
2252
  {
2103
2253
  "component": "Subhead",
2254
+ "status": "beta",
2104
2255
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/subhead_component.rb",
2256
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead/default/",
2105
2257
  "parameters": [
2106
2258
  {
2107
2259
  "name": "spacious",
@@ -2125,7 +2277,9 @@
2125
2277
  },
2126
2278
  {
2127
2279
  "component": "TabContainer",
2280
+ "status": "alpha",
2128
2281
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tab_container_component.rb",
2282
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container/default/",
2129
2283
  "parameters": [
2130
2284
  {
2131
2285
  "name": "system_arguments",
@@ -2137,7 +2291,9 @@
2137
2291
  },
2138
2292
  {
2139
2293
  "component": "TimeAgo",
2294
+ "status": "beta",
2140
2295
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
2296
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
2141
2297
  "parameters": [
2142
2298
  {
2143
2299
  "name": "time",
@@ -2161,7 +2317,9 @@
2161
2317
  },
2162
2318
  {
2163
2319
  "component": "TimelineItem",
2320
+ "status": "beta",
2164
2321
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/timeline_item_component.rb",
2322
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item/default/",
2165
2323
  "parameters": [
2166
2324
  {
2167
2325
  "name": "condensed",
@@ -2179,7 +2337,9 @@
2179
2337
  },
2180
2338
  {
2181
2339
  "component": "Tooltip",
2340
+ "status": "deprecated",
2182
2341
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
2342
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
2183
2343
  "parameters": [
2184
2344
  {
2185
2345
  "name": "label",
@@ -2221,7 +2381,9 @@
2221
2381
  },
2222
2382
  {
2223
2383
  "component": "Truncate",
2384
+ "status": "beta",
2224
2385
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
2386
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
2225
2387
  "parameters": [
2226
2388
  {
2227
2389
  "name": "tag",