primer_view_components 0.0.117 → 0.0.118

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +18 -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/dialog.rb +4 -3
  9. data/app/components/primer/alpha/modal_dialog.js +24 -12
  10. data/app/components/primer/alpha/modal_dialog.ts +29 -15
  11. data/app/components/primer/beta/button.css +1 -1
  12. data/app/components/primer/beta/button.css.map +1 -1
  13. data/app/components/primer/beta/button.pcss +1 -1
  14. data/app/components/primer/beta/relative_time.rb +6 -0
  15. data/lib/primer/view_components/version.rb +1 -1
  16. data/lib/tasks/docs.rake +1 -1
  17. data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +10 -0
  18. data/previews/primer/alpha/dialog_preview.rb +15 -0
  19. data/previews/primer/beta/relative_time_preview.rb +15 -0
  20. data/static/arguments.json +76 -70
  21. data/static/constants.json +11 -2
  22. metadata +5 -4
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",
@@ -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,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_preview/default/",
306
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
307
307
  "parameters": [
308
308
  {
309
309
  "name": "id",
@@ -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",