primer_view_components 0.0.117 → 0.0.119

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +28 -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 +3 -3
  8. data/app/components/primer/alpha/action_list.rb +1 -1
  9. data/app/components/primer/alpha/dialog.rb +6 -5
  10. data/app/components/primer/alpha/modal_dialog.js +24 -12
  11. data/app/components/primer/alpha/modal_dialog.ts +29 -15
  12. data/app/components/primer/alpha/text_field.css +1 -1
  13. data/app/components/primer/alpha/text_field.css.json +1 -1
  14. data/app/components/primer/alpha/text_field.css.map +1 -1
  15. data/app/components/primer/alpha/text_field.pcss +6 -0
  16. data/app/components/primer/alpha/toggle_switch.css +1 -1
  17. data/app/components/primer/alpha/toggle_switch.css.json +1 -1
  18. data/app/components/primer/alpha/toggle_switch.css.map +1 -1
  19. data/app/components/primer/alpha/toggle_switch.html.erb +4 -2
  20. data/app/components/primer/alpha/toggle_switch.js +23 -11
  21. data/app/components/primer/alpha/toggle_switch.pcss +6 -0
  22. data/app/components/primer/alpha/toggle_switch.ts +27 -11
  23. data/app/components/primer/alpha/tool_tip.js +0 -3
  24. data/app/components/primer/alpha/tool_tip.ts +0 -4
  25. data/app/components/primer/alpha/tooltip.rb +4 -3
  26. data/app/components/primer/beta/button.css +1 -1
  27. data/app/components/primer/beta/button.css.map +1 -1
  28. data/app/components/primer/beta/button.pcss +1 -1
  29. data/app/components/primer/beta/icon_button.rb +1 -1
  30. data/app/components/primer/beta/relative_time.rb +6 -0
  31. data/app/components/primer/component.rb +4 -0
  32. data/app/components/primer/icon_button.rb +1 -1
  33. data/app/components/primer/primer.d.ts +1 -0
  34. data/app/components/primer/primer.js +1 -0
  35. data/app/components/primer/primer.ts +1 -0
  36. data/app/forms/example_toggle_switch_form.rb +1 -1
  37. data/lib/primer/forms/dsl/input.rb +1 -1
  38. data/lib/primer/forms/toggle_switch.html.erb +7 -2
  39. data/lib/primer/forms/toggle_switch.rb +2 -4
  40. data/lib/primer/forms/toggle_switch_input.d.ts +5 -0
  41. data/lib/primer/forms/toggle_switch_input.js +29 -0
  42. data/lib/primer/forms/toggle_switch_input.ts +19 -0
  43. data/lib/primer/view_components/version.rb +1 -1
  44. data/lib/tasks/docs.rake +1 -1
  45. data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +10 -0
  46. data/previews/primer/alpha/dialog_preview.rb +15 -0
  47. data/previews/primer/alpha/tooltip_preview.rb +8 -8
  48. data/previews/primer/beta/clipboard_copy_preview.rb +1 -1
  49. data/previews/primer/beta/relative_time_preview.rb +15 -0
  50. data/previews/primer/forms/forms_preview/example_toggle_switch_form.html.erb +3 -1
  51. data/static/arguments.json +78 -72
  52. data/static/constants.json +11 -2
  53. metadata +8 -18
data/static/arguments.json CHANGED
@@ -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_preview/default/",
6
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/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_preview/default/",
44
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/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_preview/default/",
64
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/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_preview/default/",
108
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
109
109
  "parameters": [
110
110
  {
111
111
  "name": "list",
@@ -135,7 +135,7 @@
135
135
  "name": "content_arguments",
136
136
  "type": "Hash",
137
137
  "default": "`{}`",
138
- "description": "[System arguments](/system-arguments) used to construct the item's anchor or span tag."
138
+ "description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
139
139
  },
140
140
  {
141
141
  "name": "truncate_label",
@@ -194,7 +194,7 @@
194
194
  {
195
195
  "name": "id",
196
196
  "type": "String",
197
- "default": "`SecureRandom.hex`",
197
+ "default": "`self.class.generate_id`",
198
198
  "description": "Used internally."
199
199
  },
200
200
  {
@@ -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_preview/default/",
212
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/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_preview/default/",
268
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
269
269
  "parameters": [
270
270
  {
271
271
  "name": "scheme",
@@ -303,12 +303,12 @@
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_preview/default/",
306
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
307
307
  "parameters": [
308
308
  {
309
309
  "name": "id",
310
310
  "type": "String",
311
- "default": "`\"dialog-#{(36**3 + rand(36**4)).to_s(36)}\"`",
311
+ "default": "`self.class.generate_id`",
312
312
  "description": "The id of the dialog."
313
313
  },
314
314
  {
@@ -327,7 +327,7 @@
327
327
  "name": "size",
328
328
  "type": "Symbol",
329
329
  "default": "`:medium`",
330
- "description": "The size of the dialog. One of `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
330
+ "description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
331
331
  },
332
332
  {
333
333
  "name": "position",
@@ -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_preview/default/",
362
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
363
363
  "parameters": [
364
364
  {
365
365
  "name": "overlay",
@@ -385,7 +385,7 @@
385
385
  "component": "HellipButton",
386
386
  "status": "alpha",
387
387
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hellip_button.rb",
388
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button_preview/default/",
388
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button/default/",
389
389
  "parameters": [
390
390
  {
391
391
  "name": "inline",
@@ -405,7 +405,7 @@
405
405
  "component": "HiddenTextExpander",
406
406
  "status": "alpha",
407
407
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
408
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander_preview/default/",
408
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
409
409
  "parameters": [
410
410
  {
411
411
  "name": "inline",
@@ -431,7 +431,7 @@
431
431
  "component": "Image",
432
432
  "status": "alpha",
433
433
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
434
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_preview/default/",
434
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
435
435
  "parameters": [
436
436
  {
437
437
  "name": "src",
@@ -463,7 +463,7 @@
463
463
  "component": "ImageCrop",
464
464
  "status": "alpha",
465
465
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
466
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop_preview/default/",
466
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
467
467
  "parameters": [
468
468
  {
469
469
  "name": "src",
@@ -489,7 +489,7 @@
489
489
  "component": "Layout",
490
490
  "status": "alpha",
491
491
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
492
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout_preview/default/",
492
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
493
493
  "parameters": [
494
494
  {
495
495
  "name": "stacking_breakpoint",
@@ -521,7 +521,7 @@
521
521
  "component": "Menu",
522
522
  "status": "alpha",
523
523
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
524
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu_preview/default/",
524
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu/default/",
525
525
  "parameters": [
526
526
  {
527
527
  "name": "system_arguments",
@@ -535,7 +535,7 @@
535
535
  "component": "NavList",
536
536
  "status": "alpha",
537
537
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
538
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list_preview/default/",
538
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
539
539
  "parameters": [
540
540
  {
541
541
  "name": "selected_item_id",
@@ -555,7 +555,7 @@
555
555
  "component": "NavList::Item",
556
556
  "status": "alpha",
557
557
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
558
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item_preview/default/",
558
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
559
559
  "parameters": [
560
560
  {
561
561
  "name": "selected_item_id",
@@ -593,7 +593,7 @@
593
593
  "component": "NavList::Section",
594
594
  "status": "alpha",
595
595
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
596
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section_preview/default/",
596
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
597
597
  "parameters": [
598
598
  {
599
599
  "name": "selected_item_id",
@@ -613,7 +613,7 @@
613
613
  "component": "OcticonSymbols",
614
614
  "status": "alpha",
615
615
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
616
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols_preview/default/",
616
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols/default/",
617
617
  "parameters": [
618
618
  {
619
619
  "name": "icons",
@@ -627,7 +627,7 @@
627
627
  "component": "SegmentedControl",
628
628
  "status": "alpha",
629
629
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
630
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control_preview/default/",
630
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
631
631
  "parameters": [
632
632
  {
633
633
  "name": "hide_labels",
@@ -659,7 +659,7 @@
659
659
  "component": "TabContainer",
660
660
  "status": "alpha",
661
661
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_container.rb",
662
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container_preview/default/",
662
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container/default/",
663
663
  "parameters": [
664
664
  {
665
665
  "name": "system_arguments",
@@ -673,7 +673,7 @@
673
673
  "component": "TabNav",
674
674
  "status": "alpha",
675
675
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
676
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav_preview/default/",
676
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
677
677
  "parameters": [
678
678
  {
679
679
  "name": "tag",
@@ -705,7 +705,7 @@
705
705
  "component": "TabPanels",
706
706
  "status": "alpha",
707
707
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
708
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels_preview/default/",
708
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
709
709
  "parameters": [
710
710
  {
711
711
  "name": "label",
@@ -743,7 +743,7 @@
743
743
  "component": "TextField",
744
744
  "status": "alpha",
745
745
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
746
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field_preview/default/",
746
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
747
747
  "parameters": [
748
748
  {
749
749
  "name": "name",
@@ -877,7 +877,7 @@
877
877
  "component": "ToggleSwitch",
878
878
  "status": "alpha",
879
879
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
880
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch_preview/default/",
880
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
881
881
  "parameters": [
882
882
  {
883
883
  "name": "src",
@@ -927,7 +927,7 @@
927
927
  "component": "Tooltip",
928
928
  "status": "alpha",
929
929
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
930
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip_preview/default/",
930
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
931
931
  "parameters": [
932
932
  {
933
933
  "name": "for_id",
@@ -965,7 +965,7 @@
965
965
  "component": "UnderlineNav",
966
966
  "status": "alpha",
967
967
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
968
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav_preview/default/",
968
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
969
969
  "parameters": [
970
970
  {
971
971
  "name": "tag",
@@ -1003,7 +1003,7 @@
1003
1003
  "component": "UnderlinePanels",
1004
1004
  "status": "alpha",
1005
1005
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
1006
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels_preview/default/",
1006
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
1007
1007
  "parameters": [
1008
1008
  {
1009
1009
  "name": "label",
@@ -1041,7 +1041,7 @@
1041
1041
  "component": "AutoComplete",
1042
1042
  "status": "beta",
1043
1043
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
1044
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete_preview/default/",
1044
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
1045
1045
  "parameters": [
1046
1046
  {
1047
1047
  "name": "label_text",
@@ -1139,7 +1139,7 @@
1139
1139
  "component": "AutoComplete::Item",
1140
1140
  "status": "beta",
1141
1141
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
1142
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item_preview/default/",
1142
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
1143
1143
  "parameters": [
1144
1144
  {
1145
1145
  "name": "value",
@@ -1183,7 +1183,7 @@
1183
1183
  "component": "Avatar",
1184
1184
  "status": "beta",
1185
1185
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
1186
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_preview/default/",
1186
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
1187
1187
  "parameters": [
1188
1188
  {
1189
1189
  "name": "src",
@@ -1227,7 +1227,7 @@
1227
1227
  "component": "AvatarStack",
1228
1228
  "status": "beta",
1229
1229
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
1230
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack_preview/default/",
1230
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
1231
1231
  "parameters": [
1232
1232
  {
1233
1233
  "name": "tag",
@@ -1265,7 +1265,7 @@
1265
1265
  "component": "BaseButton",
1266
1266
  "status": "beta",
1267
1267
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
1268
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button_preview/default/",
1268
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
1269
1269
  "parameters": [
1270
1270
  {
1271
1271
  "name": "tag",
@@ -1297,7 +1297,7 @@
1297
1297
  "component": "Blankslate",
1298
1298
  "status": "beta",
1299
1299
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
1300
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate_preview/default/",
1300
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
1301
1301
  "parameters": [
1302
1302
  {
1303
1303
  "name": "narrow",
@@ -1329,7 +1329,7 @@
1329
1329
  "component": "BorderBox",
1330
1330
  "status": "beta",
1331
1331
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
1332
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box_preview/default/",
1332
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
1333
1333
  "parameters": [
1334
1334
  {
1335
1335
  "name": "padding",
@@ -1349,7 +1349,7 @@
1349
1349
  "component": "BorderBox::Header",
1350
1350
  "status": "beta",
1351
1351
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
1352
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header_preview/default/",
1352
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
1353
1353
  "parameters": [
1354
1354
  {
1355
1355
  "name": "system_arguments",
@@ -1363,7 +1363,7 @@
1363
1363
  "component": "Breadcrumbs",
1364
1364
  "status": "beta",
1365
1365
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
1366
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs_preview/default/",
1366
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
1367
1367
  "parameters": [
1368
1368
  {
1369
1369
  "name": "system_arguments",
@@ -1377,7 +1377,7 @@
1377
1377
  "component": "Button",
1378
1378
  "status": "beta",
1379
1379
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
1380
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_preview/default/",
1380
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
1381
1381
  "parameters": [
1382
1382
  {
1383
1383
  "name": "scheme",
@@ -1427,7 +1427,7 @@
1427
1427
  "component": "ButtonGroup",
1428
1428
  "status": "beta",
1429
1429
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
1430
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group_preview/default/",
1430
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
1431
1431
  "parameters": [
1432
1432
  {
1433
1433
  "name": "variant",
@@ -1453,7 +1453,7 @@
1453
1453
  "component": "ClipboardCopy",
1454
1454
  "status": "beta",
1455
1455
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
1456
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy_preview/default/",
1456
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
1457
1457
  "parameters": [
1458
1458
  {
1459
1459
  "name": "aria-label",
@@ -1485,7 +1485,7 @@
1485
1485
  "component": "CloseButton",
1486
1486
  "status": "beta",
1487
1487
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
1488
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button_preview/default/",
1488
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
1489
1489
  "parameters": [
1490
1490
  {
1491
1491
  "name": "type",
@@ -1505,7 +1505,7 @@
1505
1505
  "component": "Counter",
1506
1506
  "status": "beta",
1507
1507
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
1508
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter_preview/default/",
1508
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
1509
1509
  "parameters": [
1510
1510
  {
1511
1511
  "name": "count",
@@ -1555,7 +1555,7 @@
1555
1555
  "component": "Details",
1556
1556
  "status": "beta",
1557
1557
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
1558
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details_preview/default/",
1558
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
1559
1559
  "parameters": [
1560
1560
  {
1561
1561
  "name": "overlay",
@@ -1581,7 +1581,7 @@
1581
1581
  "component": "Flash",
1582
1582
  "status": "beta",
1583
1583
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
1584
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash_preview/default/",
1584
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
1585
1585
  "parameters": [
1586
1586
  {
1587
1587
  "name": "full",
@@ -1625,7 +1625,7 @@
1625
1625
  "component": "Heading",
1626
1626
  "status": "beta",
1627
1627
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
1628
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading_preview/default/",
1628
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
1629
1629
  "parameters": [
1630
1630
  {
1631
1631
  "name": "tag",
@@ -1645,7 +1645,7 @@
1645
1645
  "component": "IconButton",
1646
1646
  "status": "beta",
1647
1647
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
1648
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button_preview/default/",
1648
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
1649
1649
  "parameters": [
1650
1650
  {
1651
1651
  "name": "icon",
@@ -1719,7 +1719,7 @@
1719
1719
  "component": "Label",
1720
1720
  "status": "beta",
1721
1721
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
1722
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label_preview/default/",
1722
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
1723
1723
  "parameters": [
1724
1724
  {
1725
1725
  "name": "tag",
@@ -1763,7 +1763,7 @@
1763
1763
  "component": "Link",
1764
1764
  "status": "beta",
1765
1765
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
1766
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link_preview/default/",
1766
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
1767
1767
  "parameters": [
1768
1768
  {
1769
1769
  "name": "tag",
@@ -1807,7 +1807,7 @@
1807
1807
  "component": "Markdown",
1808
1808
  "status": "beta",
1809
1809
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
1810
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown_preview/default/",
1810
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
1811
1811
  "parameters": [
1812
1812
  {
1813
1813
  "name": "tag",
@@ -1827,7 +1827,7 @@
1827
1827
  "component": "Octicon",
1828
1828
  "status": "beta",
1829
1829
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
1830
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon_preview/default/",
1830
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
1831
1831
  "parameters": [
1832
1832
  {
1833
1833
  "name": "icon_name",
@@ -1865,7 +1865,7 @@
1865
1865
  "component": "Popover",
1866
1866
  "status": "beta",
1867
1867
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
1868
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover_preview/default/",
1868
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
1869
1869
  "parameters": [
1870
1870
  {
1871
1871
  "name": "system_arguments",
@@ -1879,7 +1879,7 @@
1879
1879
  "component": "ProgressBar",
1880
1880
  "status": "beta",
1881
1881
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
1882
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar_preview/default/",
1882
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
1883
1883
  "parameters": [
1884
1884
  {
1885
1885
  "name": "size",
@@ -1899,7 +1899,7 @@
1899
1899
  "component": "RelativeTime",
1900
1900
  "status": "beta",
1901
1901
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
1902
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time_preview/default/",
1902
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
1903
1903
  "parameters": [
1904
1904
  {
1905
1905
  "name": "datetime",
@@ -1985,6 +1985,12 @@
1985
1985
  "default": "`nil`",
1986
1986
  "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
1987
1987
  },
1988
+ {
1989
+ "name": "format_style",
1990
+ "type": "Symbol",
1991
+ "default": "`nil`",
1992
+ "description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
1993
+ },
1988
1994
  {
1989
1995
  "name": "lang",
1990
1996
  "type": "string",
@@ -2009,7 +2015,7 @@
2009
2015
  "component": "Spinner",
2010
2016
  "status": "beta",
2011
2017
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
2012
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner_preview/default/",
2018
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner/default/",
2013
2019
  "parameters": [
2014
2020
  {
2015
2021
  "name": "size",
@@ -2035,7 +2041,7 @@
2035
2041
  "component": "State",
2036
2042
  "status": "beta",
2037
2043
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/state.rb",
2038
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state_preview/default/",
2044
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state/default/",
2039
2045
  "parameters": [
2040
2046
  {
2041
2047
  "name": "title",
@@ -2073,7 +2079,7 @@
2073
2079
  "component": "Subhead",
2074
2080
  "status": "beta",
2075
2081
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/subhead.rb",
2076
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead_preview/default/",
2082
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead/default/",
2077
2083
  "parameters": [
2078
2084
  {
2079
2085
  "name": "spacious",
@@ -2099,7 +2105,7 @@
2099
2105
  "component": "Text",
2100
2106
  "status": "beta",
2101
2107
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
2102
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text_preview/default/",
2108
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
2103
2109
  "parameters": [
2104
2110
  {
2105
2111
  "name": "tag",
@@ -2119,7 +2125,7 @@
2119
2125
  "component": "TimelineItem",
2120
2126
  "status": "beta",
2121
2127
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item.rb",
2122
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item_preview/default/",
2128
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/default/",
2123
2129
  "parameters": [
2124
2130
  {
2125
2131
  "name": "condensed",
@@ -2139,7 +2145,7 @@
2139
2145
  "component": "Truncate",
2140
2146
  "status": "beta",
2141
2147
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
2142
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate_preview/default/",
2148
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
2143
2149
  "parameters": [
2144
2150
  {
2145
2151
  "name": "system_arguments",
@@ -2153,7 +2159,7 @@
2153
2159
  "component": "Box",
2154
2160
  "status": "stable",
2155
2161
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
2156
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box_preview/default/",
2162
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
2157
2163
  "parameters": [
2158
2164
  {
2159
2165
  "name": "system_arguments",
@@ -2167,7 +2173,7 @@
2167
2173
  "component": "Button",
2168
2174
  "status": "deprecated",
2169
2175
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
2170
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button_preview/default/",
2176
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
2171
2177
  "parameters": [
2172
2178
  {
2173
2179
  "name": "scheme",
@@ -2229,7 +2235,7 @@
2229
2235
  "component": "DropdownMenu",
2230
2236
  "status": "deprecated",
2231
2237
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
2232
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu_preview/default/",
2238
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu/default/",
2233
2239
  "parameters": [
2234
2240
  {
2235
2241
  "name": "direction",
@@ -2261,7 +2267,7 @@
2261
2267
  "component": "IconButton",
2262
2268
  "status": "deprecated",
2263
2269
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
2264
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button_preview/default/",
2270
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
2265
2271
  "parameters": [
2266
2272
  {
2267
2273
  "name": "scheme",
@@ -2323,7 +2329,7 @@
2323
2329
  "component": "Layout",
2324
2330
  "status": "alpha",
2325
2331
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
2326
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout_preview/default/",
2332
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
2327
2333
  "parameters": [
2328
2334
  {
2329
2335
  "name": "responsive",
@@ -2355,7 +2361,7 @@
2355
2361
  "component": "LocalTime",
2356
2362
  "status": "deprecated",
2357
2363
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
2358
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time_preview/default/",
2364
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
2359
2365
  "parameters": [
2360
2366
  {
2361
2367
  "name": "datetime",
@@ -2429,7 +2435,7 @@
2429
2435
  "component": "Navigation::Tab",
2430
2436
  "status": "alpha",
2431
2437
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
2432
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab_preview/default/",
2438
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
2433
2439
  "parameters": [
2434
2440
  {
2435
2441
  "name": "list",
@@ -2479,7 +2485,7 @@
2479
2485
  "component": "TimeAgo",
2480
2486
  "status": "deprecated",
2481
2487
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
2482
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago_preview/default/",
2488
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
2483
2489
  "parameters": [
2484
2490
  {
2485
2491
  "name": "time",
@@ -2505,7 +2511,7 @@
2505
2511
  "component": "Tooltip",
2506
2512
  "status": "deprecated",
2507
2513
  "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_preview/default/",
2514
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
2509
2515
  "parameters": [
2510
2516
  {
2511
2517
  "name": "label",
@@ -2549,7 +2555,7 @@
2549
2555
  "component": "Truncate",
2550
2556
  "status": "beta",
2551
2557
  "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_preview/default/",
2558
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
2553
2559
  "parameters": [
2554
2560
  {
2555
2561
  "name": "tag",