@primer/view-components 0.0.113 → 0.0.115

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.
@@ -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",
@@ -1741,11 +1769,69 @@
1741
1769
  }
1742
1770
  ]
1743
1771
  },
1772
+ {
1773
+ "component": "Markdown",
1774
+ "status": "beta",
1775
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
1776
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown_preview/default/",
1777
+ "parameters": [
1778
+ {
1779
+ "name": "tag",
1780
+ "type": "Symbol",
1781
+ "default": "`:div`",
1782
+ "description": "One of `:article`, `:div`, or `:td`."
1783
+ },
1784
+ {
1785
+ "name": "system_arguments",
1786
+ "type": "Hash",
1787
+ "default": "N/A",
1788
+ "description": "[System arguments](/system-arguments)"
1789
+ }
1790
+ ]
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
+ },
1744
1830
  {
1745
1831
  "component": "Popover",
1746
1832
  "status": "beta",
1747
1833
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
1748
- "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/",
1749
1835
  "parameters": [
1750
1836
  {
1751
1837
  "name": "system_arguments",
@@ -1759,7 +1845,7 @@
1759
1845
  "component": "ProgressBar",
1760
1846
  "status": "beta",
1761
1847
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
1762
- "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/",
1763
1849
  "parameters": [
1764
1850
  {
1765
1851
  "name": "size",
@@ -1779,7 +1865,7 @@
1779
1865
  "component": "RelativeTime",
1780
1866
  "status": "beta",
1781
1867
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
1782
- "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/",
1783
1869
  "parameters": [
1784
1870
  {
1785
1871
  "name": "datetime",
@@ -1851,7 +1937,7 @@
1851
1937
  "name": "threshold",
1852
1938
  "type": "string",
1853
1939
  "default": "`nil`",
1854
- "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."
1855
1941
  },
1856
1942
  {
1857
1943
  "name": "precision",
@@ -1885,11 +1971,37 @@
1885
1971
  }
1886
1972
  ]
1887
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
+ },
1888
2000
  {
1889
2001
  "component": "Text",
1890
2002
  "status": "beta",
1891
2003
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
1892
- "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/",
1893
2005
  "parameters": [
1894
2006
  {
1895
2007
  "name": "tag",
@@ -1909,7 +2021,7 @@
1909
2021
  "component": "Truncate",
1910
2022
  "status": "beta",
1911
2023
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
1912
- "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/",
1913
2025
  "parameters": [
1914
2026
  {
1915
2027
  "name": "system_arguments",
@@ -1923,7 +2035,7 @@
1923
2035
  "component": "Box",
1924
2036
  "status": "stable",
1925
2037
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
1926
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
2038
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box_preview/default/",
1927
2039
  "parameters": [
1928
2040
  {
1929
2041
  "name": "system_arguments",
@@ -1937,7 +2049,7 @@
1937
2049
  "component": "Button",
1938
2050
  "status": "deprecated",
1939
2051
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
1940
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
2052
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button_preview/default/",
1941
2053
  "parameters": [
1942
2054
  {
1943
2055
  "name": "scheme",
@@ -1999,7 +2111,7 @@
1999
2111
  "component": "DropdownMenu",
2000
2112
  "status": "deprecated",
2001
2113
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
2002
- "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/",
2003
2115
  "parameters": [
2004
2116
  {
2005
2117
  "name": "direction",
@@ -2031,7 +2143,7 @@
2031
2143
  "component": "HellipButton",
2032
2144
  "status": "alpha",
2033
2145
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
2034
- "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/",
2035
2147
  "parameters": [
2036
2148
  {
2037
2149
  "name": "inline",
@@ -2051,7 +2163,7 @@
2051
2163
  "component": "IconButton",
2052
2164
  "status": "deprecated",
2053
2165
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
2054
- "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/",
2055
2167
  "parameters": [
2056
2168
  {
2057
2169
  "name": "scheme",
@@ -2113,7 +2225,7 @@
2113
2225
  "component": "Layout",
2114
2226
  "status": "alpha",
2115
2227
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
2116
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
2228
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout_preview/default/",
2117
2229
  "parameters": [
2118
2230
  {
2119
2231
  "name": "responsive",
@@ -2143,9 +2255,9 @@
2143
2255
  },
2144
2256
  {
2145
2257
  "component": "LocalTime",
2146
- "status": "alpha",
2258
+ "status": "deprecated",
2147
2259
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
2148
- "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/",
2149
2261
  "parameters": [
2150
2262
  {
2151
2263
  "name": "datetime",
@@ -2215,45 +2327,11 @@
2215
2327
  }
2216
2328
  ]
2217
2329
  },
2218
- {
2219
- "component": "Markdown",
2220
- "status": "beta",
2221
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/markdown.rb",
2222
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/markdown/default/",
2223
- "parameters": [
2224
- {
2225
- "name": "tag",
2226
- "type": "Symbol",
2227
- "default": "`:div`",
2228
- "description": "One of `:article`, `:div`, or `:td`."
2229
- },
2230
- {
2231
- "name": "system_arguments",
2232
- "type": "Hash",
2233
- "default": "N/A",
2234
- "description": "[System arguments](/system-arguments)"
2235
- }
2236
- ]
2237
- },
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",