primer_view_components 0.0.114 → 0.0.115

Sign up to get free protection for your applications and to get access to all the features.
Files changed (137) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +36 -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 +2 -2
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/divider.rb +2 -0
  8. data/app/components/primer/alpha/action_list/heading.rb +2 -0
  9. data/app/components/primer/alpha/action_list/item.rb +8 -6
  10. data/app/components/primer/alpha/action_list.rb +1 -0
  11. data/app/components/primer/alpha/auto_complete/auto_complete.html.erb +1 -1
  12. data/app/components/primer/alpha/auto_complete/item.rb +1 -0
  13. data/app/components/primer/alpha/auto_complete.rb +3 -2
  14. data/app/components/primer/alpha/banner.html.erb +1 -1
  15. data/app/components/primer/alpha/banner.rb +1 -0
  16. data/app/components/primer/alpha/button_marketing.rb +2 -0
  17. data/app/components/primer/alpha/dialog.rb +3 -0
  18. data/app/components/primer/alpha/image.rb +1 -0
  19. data/app/components/primer/alpha/image_crop.html.erb +1 -1
  20. data/app/components/primer/alpha/layout.css +1 -0
  21. data/app/components/primer/alpha/layout.css.json +1 -0
  22. data/app/components/primer/alpha/layout.css.map +1 -0
  23. data/app/components/primer/alpha/layout.pcss +268 -0
  24. data/app/components/primer/{menu_component.css → alpha/menu.css} +0 -0
  25. data/app/components/primer/alpha/menu.css.json +1 -0
  26. data/app/components/primer/alpha/menu.css.map +1 -0
  27. data/app/components/primer/{menu_component.html.erb → alpha/menu.html.erb} +0 -0
  28. data/app/components/primer/{menu_component.pcss → alpha/menu.pcss} +0 -0
  29. data/app/components/primer/alpha/menu.rb +76 -0
  30. data/app/components/primer/{octicon_symbols_component.html.erb → alpha/octicon_symbols.html.erb} +0 -0
  31. data/app/components/primer/alpha/octicon_symbols.rb +61 -0
  32. data/app/components/primer/alpha/text_field.rb +1 -0
  33. data/app/components/primer/alpha/toggle_switch.html.erb +2 -2
  34. data/app/components/primer/alpha/toggle_switch.rb +2 -0
  35. data/app/components/primer/alpha/tool_tip.js +77 -69
  36. data/app/components/primer/alpha/tool_tip.ts +63 -51
  37. data/app/components/primer/alpha/tooltip.rb +2 -0
  38. data/app/components/primer/beta/auto_complete/item.rb +4 -4
  39. data/app/components/primer/beta/auto_complete.rb +3 -3
  40. data/app/components/primer/beta/avatar.rb +1 -0
  41. data/app/components/primer/beta/base_button.rb +1 -0
  42. data/app/components/primer/beta/blankslate.rb +5 -5
  43. data/app/components/primer/beta/button.rb +7 -7
  44. data/app/components/primer/beta/clipboard_copy.html.erb +2 -2
  45. data/app/components/primer/beta/clipboard_copy.rb +1 -0
  46. data/app/components/primer/beta/close_button.rb +2 -1
  47. data/app/components/primer/beta/counter.rb +1 -0
  48. data/app/components/primer/beta/heading.rb +1 -0
  49. data/app/components/primer/beta/icon_button.html.erb +1 -1
  50. data/app/components/primer/beta/icon_button.rb +1 -0
  51. data/app/components/primer/beta/label.rb +1 -0
  52. data/app/components/primer/beta/markdown.rb +1 -0
  53. data/app/components/primer/{octicon_component.html.erb → beta/octicon.html.erb} +0 -0
  54. data/app/components/primer/beta/octicon.rb +88 -0
  55. data/app/components/primer/beta/relative_time.rb +2 -1
  56. data/app/components/primer/{spinner_component.html.erb → beta/spinner.html.erb} +0 -0
  57. data/app/components/primer/beta/spinner.rb +46 -0
  58. data/app/components/primer/beta/text.rb +1 -0
  59. data/app/components/primer/blankslate_component.rb +3 -3
  60. data/app/components/primer/box.rb +1 -0
  61. data/app/components/primer/button_component.rb +3 -3
  62. data/app/components/primer/conditional_wrapper.rb +2 -0
  63. data/app/components/primer/hellip_button.rb +2 -0
  64. data/app/components/primer/icon_button.html.erb +2 -2
  65. data/app/components/primer/icon_button.rb +1 -0
  66. data/app/components/primer/layout_component.rb +2 -0
  67. data/app/components/primer/local_time.rb +3 -0
  68. data/app/components/primer/menu_component.rb +2 -69
  69. data/app/components/primer/navigation/tab_component.rb +2 -2
  70. data/app/components/primer/octicon_component.rb +3 -81
  71. data/app/components/primer/octicon_symbols_component.rb +2 -52
  72. data/app/components/primer/primer.d.ts +2 -0
  73. data/app/components/primer/primer.js +2 -0
  74. data/app/components/primer/primer.pcss +2 -1
  75. data/app/components/primer/primer.ts +2 -0
  76. data/app/components/primer/spinner_component.rb +2 -38
  77. data/app/components/primer/state_component.rb +1 -0
  78. data/app/components/primer/subhead_component.rb +2 -0
  79. data/app/components/primer/tab_container_component.rb +2 -0
  80. data/app/components/primer/time_ago_component.rb +2 -1
  81. data/app/components/primer/timeline_item_component.rb +3 -2
  82. data/app/components/primer/tooltip.rb +1 -0
  83. data/app/components/primer/truncate.rb +2 -0
  84. data/app/forms/immediate_validation_form.rb +29 -0
  85. data/app/forms/multi_input_form.rb +4 -2
  86. data/app/lib/primer/css/layout.css +1 -378
  87. data/app/lib/primer/css/layout.css.json +1 -1
  88. data/app/lib/primer/octicon/cache.rb +1 -1
  89. data/app/lib/primer/view_helper.rb +1 -1
  90. data/lib/primer/deprecations.yml +26 -0
  91. data/lib/primer/forms/builder.rb +48 -8
  92. data/lib/primer/forms/check_box.html.erb +3 -1
  93. data/lib/primer/forms/dsl/input.rb +23 -1
  94. data/lib/primer/forms/dsl/multi_input.rb +6 -9
  95. data/lib/primer/forms/dsl/select_list_input.rb +1 -1
  96. data/lib/primer/forms/dsl/text_field_input.rb +31 -1
  97. data/lib/primer/forms/form_control.html.erb +17 -13
  98. data/lib/primer/forms/form_control.rb +2 -0
  99. data/lib/primer/forms/multi.html.erb +6 -2
  100. data/lib/primer/forms/primer_multi_input.d.ts +10 -0
  101. data/lib/primer/forms/primer_multi_input.js +45 -0
  102. data/lib/primer/forms/primer_multi_input.ts +46 -0
  103. data/lib/primer/forms/primer_text_field.d.ts +1 -0
  104. data/lib/primer/forms/primer_text_field.js +62 -0
  105. data/lib/primer/forms/primer_text_field.ts +48 -0
  106. data/lib/primer/forms/radio_button.html.erb +3 -1
  107. data/lib/primer/forms/text_field.html.erb +8 -8
  108. data/lib/primer/forms/text_field.rb +11 -0
  109. data/lib/primer/view_components/linters/close_button_component_migration_counter.rb +1 -1
  110. data/lib/primer/view_components/version.rb +1 -1
  111. data/lib/tasks/docs.rake +5 -5
  112. data/lib/tasks/helpers/ast_traverser.rb +1 -1
  113. data/previews/primer/alpha/action_list_preview.rb +1 -1
  114. data/previews/primer/alpha/auto_complete_preview.rb +62 -6
  115. data/previews/primer/alpha/layout_preview.rb +179 -6
  116. data/previews/primer/{menu_component_preview → alpha/menu_preview}/default.html.erb +3 -3
  117. data/previews/primer/{menu_component_preview → alpha/menu_preview}/playground.html.erb +3 -3
  118. data/previews/primer/alpha/menu_preview.rb +14 -0
  119. data/previews/primer/alpha/toggle_switch_preview.rb +11 -9
  120. data/previews/primer/beta/auto_complete_preview/with_submit_button.html.erb +1 -1
  121. data/previews/primer/beta/auto_complete_preview.rb +19 -17
  122. data/previews/primer/beta/octicon_preview.rb +24 -0
  123. data/previews/primer/beta/spinner_preview.rb +22 -0
  124. data/previews/primer/forms/forms_preview/immediate_validation_form.html.erb +3 -0
  125. data/previews/primer/forms/forms_preview/multi_input_form.html.erb +12 -1
  126. data/previews/primer/forms/forms_preview.rb +2 -0
  127. data/previews/primer/url_helpers.rb +15 -0
  128. data/static/arguments.json +159 -159
  129. data/static/audited_at.json +4 -0
  130. data/static/constants.json +42 -34
  131. data/static/statuses.json +10 -6
  132. metadata +32 -15
  133. data/app/components/primer/menu_component.css.json +0 -1
  134. data/app/components/primer/menu_component.css.map +0 -1
  135. data/previews/primer/menu_component_preview.rb +0 -12
  136. data/previews/primer/octicon_component_preview.rb +0 -22
  137. data/previews/primer/spinner_component_preview.rb +0 -20
@@ -3,7 +3,7 @@
3
3
  "component": "ActionList",
4
4
  "status": "alpha",
5
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/",
6
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list_preview/default/",
7
7
  "parameters": [
8
8
  {
9
9
  "name": "role",
@@ -41,7 +41,7 @@
41
41
  "component": "ActionList::Divider",
42
42
  "status": "alpha",
43
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/",
44
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider_preview/default/",
45
45
  "parameters": [
46
46
  {
47
47
  "name": "scheme",
@@ -61,7 +61,7 @@
61
61
  "component": "ActionList::Heading",
62
62
  "status": "alpha",
63
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/",
64
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading_preview/default/",
65
65
  "parameters": [
66
66
  {
67
67
  "name": "list_id",
@@ -105,7 +105,7 @@
105
105
  "component": "ActionList::Item",
106
106
  "status": "alpha",
107
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/",
108
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item_preview/default/",
109
109
  "parameters": [
110
110
  {
111
111
  "name": "list",
@@ -209,7 +209,7 @@
209
209
  "component": "Banner",
210
210
  "status": "alpha",
211
211
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/banner.rb",
212
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/default/",
212
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner_preview/default/",
213
213
  "parameters": [
214
214
  {
215
215
  "name": "full",
@@ -265,7 +265,7 @@
265
265
  "component": "ButtonMarketing",
266
266
  "status": "alpha",
267
267
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
268
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
268
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing_preview/default/",
269
269
  "parameters": [
270
270
  {
271
271
  "name": "scheme",
@@ -303,7 +303,7 @@
303
303
  "component": "Dialog",
304
304
  "status": "alpha",
305
305
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
306
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
306
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog_preview/default/",
307
307
  "parameters": [
308
308
  {
309
309
  "name": "id",
@@ -359,7 +359,7 @@
359
359
  "component": "Dropdown",
360
360
  "status": "alpha",
361
361
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
362
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
362
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown_preview/default/",
363
363
  "parameters": [
364
364
  {
365
365
  "name": "overlay",
@@ -385,7 +385,7 @@
385
385
  "component": "HiddenTextExpander",
386
386
  "status": "alpha",
387
387
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
388
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
388
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander_preview/default/",
389
389
  "parameters": [
390
390
  {
391
391
  "name": "inline",
@@ -411,7 +411,7 @@
411
411
  "component": "Image",
412
412
  "status": "alpha",
413
413
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
414
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
414
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_preview/default/",
415
415
  "parameters": [
416
416
  {
417
417
  "name": "src",
@@ -443,7 +443,7 @@
443
443
  "component": "ImageCrop",
444
444
  "status": "alpha",
445
445
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
446
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
446
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop_preview/default/",
447
447
  "parameters": [
448
448
  {
449
449
  "name": "src",
@@ -469,7 +469,7 @@
469
469
  "component": "Layout",
470
470
  "status": "alpha",
471
471
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
472
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
472
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout_preview/default/",
473
473
  "parameters": [
474
474
  {
475
475
  "name": "stacking_breakpoint",
@@ -497,11 +497,25 @@
497
497
  }
498
498
  ]
499
499
  },
500
+ {
501
+ "component": "Menu",
502
+ "status": "alpha",
503
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
504
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu_preview/default/",
505
+ "parameters": [
506
+ {
507
+ "name": "system_arguments",
508
+ "type": "Hash",
509
+ "default": "N/A",
510
+ "description": "[System arguments](/system-arguments)"
511
+ }
512
+ ]
513
+ },
500
514
  {
501
515
  "component": "NavList",
502
516
  "status": "alpha",
503
517
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
504
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
518
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list_preview/default/",
505
519
  "parameters": [
506
520
  {
507
521
  "name": "selected_item_id",
@@ -521,7 +535,7 @@
521
535
  "component": "NavList::Item",
522
536
  "status": "alpha",
523
537
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
524
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
538
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item_preview/default/",
525
539
  "parameters": [
526
540
  {
527
541
  "name": "selected_item_id",
@@ -559,7 +573,7 @@
559
573
  "component": "NavList::Section",
560
574
  "status": "alpha",
561
575
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
562
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
576
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section_preview/default/",
563
577
  "parameters": [
564
578
  {
565
579
  "name": "selected_item_id",
@@ -575,11 +589,25 @@
575
589
  }
576
590
  ]
577
591
  },
592
+ {
593
+ "component": "OcticonSymbols",
594
+ "status": "alpha",
595
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
596
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols_preview/default/",
597
+ "parameters": [
598
+ {
599
+ "name": "icons",
600
+ "type": "Array<Hash>",
601
+ "default": "`[]`",
602
+ "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
603
+ }
604
+ ]
605
+ },
578
606
  {
579
607
  "component": "SegmentedControl",
580
608
  "status": "alpha",
581
609
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
582
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
610
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control_preview/default/",
583
611
  "parameters": [
584
612
  {
585
613
  "name": "hide_labels",
@@ -611,7 +639,7 @@
611
639
  "component": "TabNav",
612
640
  "status": "alpha",
613
641
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
614
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
642
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav_preview/default/",
615
643
  "parameters": [
616
644
  {
617
645
  "name": "tag",
@@ -643,7 +671,7 @@
643
671
  "component": "TabPanels",
644
672
  "status": "alpha",
645
673
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
646
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
674
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels_preview/default/",
647
675
  "parameters": [
648
676
  {
649
677
  "name": "label",
@@ -681,7 +709,7 @@
681
709
  "component": "TextField",
682
710
  "status": "alpha",
683
711
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
684
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
712
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field_preview/default/",
685
713
  "parameters": [
686
714
  {
687
715
  "name": "name",
@@ -815,7 +843,7 @@
815
843
  "component": "ToggleSwitch",
816
844
  "status": "alpha",
817
845
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
818
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
846
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch_preview/default/",
819
847
  "parameters": [
820
848
  {
821
849
  "name": "src",
@@ -865,7 +893,7 @@
865
893
  "component": "Tooltip",
866
894
  "status": "alpha",
867
895
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
868
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
896
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip_preview/default/",
869
897
  "parameters": [
870
898
  {
871
899
  "name": "for_id",
@@ -903,7 +931,7 @@
903
931
  "component": "UnderlineNav",
904
932
  "status": "alpha",
905
933
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
906
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
934
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav_preview/default/",
907
935
  "parameters": [
908
936
  {
909
937
  "name": "tag",
@@ -941,7 +969,7 @@
941
969
  "component": "UnderlinePanels",
942
970
  "status": "alpha",
943
971
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
944
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
972
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels_preview/default/",
945
973
  "parameters": [
946
974
  {
947
975
  "name": "label",
@@ -979,7 +1007,7 @@
979
1007
  "component": "AutoComplete",
980
1008
  "status": "beta",
981
1009
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
982
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
1010
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete_preview/default/",
983
1011
  "parameters": [
984
1012
  {
985
1013
  "name": "label_text",
@@ -1077,7 +1105,7 @@
1077
1105
  "component": "AutoComplete::Item",
1078
1106
  "status": "beta",
1079
1107
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
1080
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
1108
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item_preview/default/",
1081
1109
  "parameters": [
1082
1110
  {
1083
1111
  "name": "value",
@@ -1121,7 +1149,7 @@
1121
1149
  "component": "Avatar",
1122
1150
  "status": "beta",
1123
1151
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
1124
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
1152
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_preview/default/",
1125
1153
  "parameters": [
1126
1154
  {
1127
1155
  "name": "src",
@@ -1165,7 +1193,7 @@
1165
1193
  "component": "AvatarStack",
1166
1194
  "status": "beta",
1167
1195
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
1168
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
1196
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack_preview/default/",
1169
1197
  "parameters": [
1170
1198
  {
1171
1199
  "name": "tag",
@@ -1203,7 +1231,7 @@
1203
1231
  "component": "BaseButton",
1204
1232
  "status": "beta",
1205
1233
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
1206
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
1234
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button_preview/default/",
1207
1235
  "parameters": [
1208
1236
  {
1209
1237
  "name": "tag",
@@ -1235,7 +1263,7 @@
1235
1263
  "component": "Blankslate",
1236
1264
  "status": "beta",
1237
1265
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
1238
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
1266
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate_preview/default/",
1239
1267
  "parameters": [
1240
1268
  {
1241
1269
  "name": "narrow",
@@ -1267,7 +1295,7 @@
1267
1295
  "component": "BorderBox",
1268
1296
  "status": "beta",
1269
1297
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
1270
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
1298
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box_preview/default/",
1271
1299
  "parameters": [
1272
1300
  {
1273
1301
  "name": "padding",
@@ -1287,7 +1315,7 @@
1287
1315
  "component": "BorderBox::Header",
1288
1316
  "status": "beta",
1289
1317
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
1290
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
1318
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header_preview/default/",
1291
1319
  "parameters": [
1292
1320
  {
1293
1321
  "name": "system_arguments",
@@ -1301,7 +1329,7 @@
1301
1329
  "component": "Breadcrumbs",
1302
1330
  "status": "beta",
1303
1331
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
1304
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
1332
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs_preview/default/",
1305
1333
  "parameters": [
1306
1334
  {
1307
1335
  "name": "system_arguments",
@@ -1315,7 +1343,7 @@
1315
1343
  "component": "Button",
1316
1344
  "status": "beta",
1317
1345
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
1318
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
1346
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_preview/default/",
1319
1347
  "parameters": [
1320
1348
  {
1321
1349
  "name": "scheme",
@@ -1365,7 +1393,7 @@
1365
1393
  "component": "ButtonGroup",
1366
1394
  "status": "beta",
1367
1395
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
1368
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
1396
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group_preview/default/",
1369
1397
  "parameters": [
1370
1398
  {
1371
1399
  "name": "variant",
@@ -1391,7 +1419,7 @@
1391
1419
  "component": "ClipboardCopy",
1392
1420
  "status": "beta",
1393
1421
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
1394
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
1422
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_preview/default/",
1395
1423
  "parameters": [
1396
1424
  {
1397
1425
  "name": "aria-label",
@@ -1423,7 +1451,7 @@
1423
1451
  "component": "CloseButton",
1424
1452
  "status": "beta",
1425
1453
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
1426
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
1454
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button_preview/default/",
1427
1455
  "parameters": [
1428
1456
  {
1429
1457
  "name": "type",
@@ -1443,7 +1471,7 @@
1443
1471
  "component": "Counter",
1444
1472
  "status": "beta",
1445
1473
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
1446
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
1474
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter_preview/default/",
1447
1475
  "parameters": [
1448
1476
  {
1449
1477
  "name": "count",
@@ -1493,7 +1521,7 @@
1493
1521
  "component": "Details",
1494
1522
  "status": "beta",
1495
1523
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
1496
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
1524
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details_preview/default/",
1497
1525
  "parameters": [
1498
1526
  {
1499
1527
  "name": "overlay",
@@ -1519,7 +1547,7 @@
1519
1547
  "component": "Flash",
1520
1548
  "status": "beta",
1521
1549
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
1522
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
1550
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash_preview/default/",
1523
1551
  "parameters": [
1524
1552
  {
1525
1553
  "name": "full",
@@ -1563,7 +1591,7 @@
1563
1591
  "component": "Heading",
1564
1592
  "status": "beta",
1565
1593
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
1566
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
1594
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading_preview/default/",
1567
1595
  "parameters": [
1568
1596
  {
1569
1597
  "name": "tag",
@@ -1583,7 +1611,7 @@
1583
1611
  "component": "IconButton",
1584
1612
  "status": "beta",
1585
1613
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
1586
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
1614
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button_preview/default/",
1587
1615
  "parameters": [
1588
1616
  {
1589
1617
  "name": "icon",
@@ -1657,7 +1685,7 @@
1657
1685
  "component": "Label",
1658
1686
  "status": "beta",
1659
1687
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
1660
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
1688
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label_preview/default/",
1661
1689
  "parameters": [
1662
1690
  {
1663
1691
  "name": "tag",
@@ -1701,7 +1729,7 @@
1701
1729
  "component": "Link",
1702
1730
  "status": "beta",
1703
1731
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
1704
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
1732
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link_preview/default/",
1705
1733
  "parameters": [
1706
1734
  {
1707
1735
  "name": "tag",
@@ -1745,7 +1773,7 @@
1745
1773
  "component": "Markdown",
1746
1774
  "status": "beta",
1747
1775
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
1748
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
1776
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown_preview/default/",
1749
1777
  "parameters": [
1750
1778
  {
1751
1779
  "name": "tag",
@@ -1761,11 +1789,49 @@
1761
1789
  }
1762
1790
  ]
1763
1791
  },
1792
+ {
1793
+ "component": "Octicon",
1794
+ "status": "beta",
1795
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
1796
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon_preview/default/",
1797
+ "parameters": [
1798
+ {
1799
+ "name": "icon_name",
1800
+ "type": "Symbol, String",
1801
+ "default": "`nil`",
1802
+ "description": "Name of [Octicon](https://primer.style/octicons/) to use."
1803
+ },
1804
+ {
1805
+ "name": "icon",
1806
+ "type": "Symbol, String",
1807
+ "default": "`nil`",
1808
+ "description": "Name of [Octicon](https://primer.style/octicons/) to use."
1809
+ },
1810
+ {
1811
+ "name": "size",
1812
+ "type": "Symbol",
1813
+ "default": "`:small`",
1814
+ "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
1815
+ },
1816
+ {
1817
+ "name": "use_symbol",
1818
+ "type": "Boolean",
1819
+ "default": "`false`",
1820
+ "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
1821
+ },
1822
+ {
1823
+ "name": "system_arguments",
1824
+ "type": "Hash",
1825
+ "default": "N/A",
1826
+ "description": "[System arguments](/system-arguments)"
1827
+ }
1828
+ ]
1829
+ },
1764
1830
  {
1765
1831
  "component": "Popover",
1766
1832
  "status": "beta",
1767
1833
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
1768
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
1834
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover_preview/default/",
1769
1835
  "parameters": [
1770
1836
  {
1771
1837
  "name": "system_arguments",
@@ -1779,7 +1845,7 @@
1779
1845
  "component": "ProgressBar",
1780
1846
  "status": "beta",
1781
1847
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
1782
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
1848
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar_preview/default/",
1783
1849
  "parameters": [
1784
1850
  {
1785
1851
  "name": "size",
@@ -1799,7 +1865,7 @@
1799
1865
  "component": "RelativeTime",
1800
1866
  "status": "beta",
1801
1867
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
1802
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
1868
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time_preview/default/",
1803
1869
  "parameters": [
1804
1870
  {
1805
1871
  "name": "datetime",
@@ -1871,7 +1937,7 @@
1871
1937
  "name": "threshold",
1872
1938
  "type": "string",
1873
1939
  "default": "`nil`",
1874
- "description": "The threshold at which relative time displays become absolute."
1940
+ "description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
1875
1941
  },
1876
1942
  {
1877
1943
  "name": "precision",
@@ -1905,11 +1971,37 @@
1905
1971
  }
1906
1972
  ]
1907
1973
  },
1974
+ {
1975
+ "component": "Spinner",
1976
+ "status": "beta",
1977
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
1978
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner_preview/default/",
1979
+ "parameters": [
1980
+ {
1981
+ "name": "size",
1982
+ "type": "Symbol",
1983
+ "default": "`:medium`",
1984
+ "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
1985
+ },
1986
+ {
1987
+ "name": "style",
1988
+ "type": "String",
1989
+ "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
1990
+ "description": "Custom element styles."
1991
+ },
1992
+ {
1993
+ "name": "system_arguments",
1994
+ "type": "Hash",
1995
+ "default": "N/A",
1996
+ "description": "[System arguments](/system-arguments)"
1997
+ }
1998
+ ]
1999
+ },
1908
2000
  {
1909
2001
  "component": "Text",
1910
2002
  "status": "beta",
1911
2003
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
1912
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
2004
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text_preview/default/",
1913
2005
  "parameters": [
1914
2006
  {
1915
2007
  "name": "tag",
@@ -1929,7 +2021,7 @@
1929
2021
  "component": "Truncate",
1930
2022
  "status": "beta",
1931
2023
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
1932
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
2024
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate_preview/default/",
1933
2025
  "parameters": [
1934
2026
  {
1935
2027
  "name": "system_arguments",
@@ -1943,7 +2035,7 @@
1943
2035
  "component": "Box",
1944
2036
  "status": "stable",
1945
2037
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
1946
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
2038
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box_preview/default/",
1947
2039
  "parameters": [
1948
2040
  {
1949
2041
  "name": "system_arguments",
@@ -1957,7 +2049,7 @@
1957
2049
  "component": "Button",
1958
2050
  "status": "deprecated",
1959
2051
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
1960
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
2052
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button_preview/default/",
1961
2053
  "parameters": [
1962
2054
  {
1963
2055
  "name": "scheme",
@@ -2019,7 +2111,7 @@
2019
2111
  "component": "DropdownMenu",
2020
2112
  "status": "deprecated",
2021
2113
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
2022
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu/default/",
2114
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu_preview/default/",
2023
2115
  "parameters": [
2024
2116
  {
2025
2117
  "name": "direction",
@@ -2051,7 +2143,7 @@
2051
2143
  "component": "HellipButton",
2052
2144
  "status": "alpha",
2053
2145
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
2054
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button/default/",
2146
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button_preview/default/",
2055
2147
  "parameters": [
2056
2148
  {
2057
2149
  "name": "inline",
@@ -2071,7 +2163,7 @@
2071
2163
  "component": "IconButton",
2072
2164
  "status": "deprecated",
2073
2165
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
2074
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
2166
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button_preview/default/",
2075
2167
  "parameters": [
2076
2168
  {
2077
2169
  "name": "scheme",
@@ -2133,7 +2225,7 @@
2133
2225
  "component": "Layout",
2134
2226
  "status": "alpha",
2135
2227
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
2136
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
2228
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout_preview/default/",
2137
2229
  "parameters": [
2138
2230
  {
2139
2231
  "name": "responsive",
@@ -2163,9 +2255,9 @@
2163
2255
  },
2164
2256
  {
2165
2257
  "component": "LocalTime",
2166
- "status": "alpha",
2258
+ "status": "deprecated",
2167
2259
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
2168
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
2260
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time_preview/default/",
2169
2261
  "parameters": [
2170
2262
  {
2171
2263
  "name": "datetime",
@@ -2235,25 +2327,11 @@
2235
2327
  }
2236
2328
  ]
2237
2329
  },
2238
- {
2239
- "component": "Menu",
2240
- "status": "alpha",
2241
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/menu_component.rb",
2242
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/menu/default/",
2243
- "parameters": [
2244
- {
2245
- "name": "system_arguments",
2246
- "type": "Hash",
2247
- "default": "N/A",
2248
- "description": "[System arguments](/system-arguments)"
2249
- }
2250
- ]
2251
- },
2252
2330
  {
2253
2331
  "component": "Navigation::Tab",
2254
2332
  "status": "alpha",
2255
2333
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
2256
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
2334
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab_preview/default/",
2257
2335
  "parameters": [
2258
2336
  {
2259
2337
  "name": "list",
@@ -2299,89 +2377,11 @@
2299
2377
  }
2300
2378
  ]
2301
2379
  },
2302
- {
2303
- "component": "Octicon",
2304
- "status": "beta",
2305
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_component.rb",
2306
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon/default/",
2307
- "parameters": [
2308
- {
2309
- "name": "icon_name",
2310
- "type": "Symbol, String",
2311
- "default": "`nil`",
2312
- "description": "Name of [Octicon](https://primer.style/octicons/) to use."
2313
- },
2314
- {
2315
- "name": "icon",
2316
- "type": "Symbol, String",
2317
- "default": "`nil`",
2318
- "description": "Name of [Octicon](https://primer.style/octicons/) to use."
2319
- },
2320
- {
2321
- "name": "size",
2322
- "type": "Symbol",
2323
- "default": "`:small`",
2324
- "description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
2325
- },
2326
- {
2327
- "name": "use_symbol",
2328
- "type": "Boolean",
2329
- "default": "`false`",
2330
- "description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/octiconsymbols)."
2331
- },
2332
- {
2333
- "name": "system_arguments",
2334
- "type": "Hash",
2335
- "default": "N/A",
2336
- "description": "[System arguments](/system-arguments)"
2337
- }
2338
- ]
2339
- },
2340
- {
2341
- "component": "OcticonSymbols",
2342
- "status": "alpha",
2343
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_symbols_component.rb",
2344
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon_symbols/default/",
2345
- "parameters": [
2346
- {
2347
- "name": "icons",
2348
- "type": "Array<Hash>",
2349
- "default": "`[]`",
2350
- "description": "List of icons to render, in the format { symbol: :icon_name, size: :small }"
2351
- }
2352
- ]
2353
- },
2354
- {
2355
- "component": "Spinner",
2356
- "status": "beta",
2357
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/spinner_component.rb",
2358
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/spinner/default/",
2359
- "parameters": [
2360
- {
2361
- "name": "size",
2362
- "type": "Symbol",
2363
- "default": "`:medium`",
2364
- "description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
2365
- },
2366
- {
2367
- "name": "style",
2368
- "type": "String",
2369
- "default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
2370
- "description": "Custom element styles."
2371
- },
2372
- {
2373
- "name": "system_arguments",
2374
- "type": "Hash",
2375
- "default": "N/A",
2376
- "description": "[System arguments](/system-arguments)"
2377
- }
2378
- ]
2379
- },
2380
2380
  {
2381
2381
  "component": "State",
2382
2382
  "status": "beta",
2383
2383
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/state_component.rb",
2384
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state/default/",
2384
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state_preview/default/",
2385
2385
  "parameters": [
2386
2386
  {
2387
2387
  "name": "title",
@@ -2419,7 +2419,7 @@
2419
2419
  "component": "Subhead",
2420
2420
  "status": "beta",
2421
2421
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/subhead_component.rb",
2422
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead/default/",
2422
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead_preview/default/",
2423
2423
  "parameters": [
2424
2424
  {
2425
2425
  "name": "spacious",
@@ -2445,7 +2445,7 @@
2445
2445
  "component": "TabContainer",
2446
2446
  "status": "alpha",
2447
2447
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tab_container_component.rb",
2448
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container/default/",
2448
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container_preview/default/",
2449
2449
  "parameters": [
2450
2450
  {
2451
2451
  "name": "system_arguments",
@@ -2457,9 +2457,9 @@
2457
2457
  },
2458
2458
  {
2459
2459
  "component": "TimeAgo",
2460
- "status": "beta",
2460
+ "status": "deprecated",
2461
2461
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
2462
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
2462
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago_preview/default/",
2463
2463
  "parameters": [
2464
2464
  {
2465
2465
  "name": "time",
@@ -2485,7 +2485,7 @@
2485
2485
  "component": "TimelineItem",
2486
2486
  "status": "beta",
2487
2487
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/timeline_item_component.rb",
2488
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item/default/",
2488
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item_preview/default/",
2489
2489
  "parameters": [
2490
2490
  {
2491
2491
  "name": "condensed",
@@ -2505,7 +2505,7 @@
2505
2505
  "component": "Tooltip",
2506
2506
  "status": "deprecated",
2507
2507
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
2508
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
2508
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip_preview/default/",
2509
2509
  "parameters": [
2510
2510
  {
2511
2511
  "name": "label",
@@ -2549,7 +2549,7 @@
2549
2549
  "component": "Truncate",
2550
2550
  "status": "beta",
2551
2551
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
2552
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
2552
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate_preview/default/",
2553
2553
  "parameters": [
2554
2554
  {
2555
2555
  "name": "tag",