primer_view_components 0.0.114 → 0.0.115
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +36 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +2 -2
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/divider.rb +2 -0
- data/app/components/primer/alpha/action_list/heading.rb +2 -0
- data/app/components/primer/alpha/action_list/item.rb +8 -6
- data/app/components/primer/alpha/action_list.rb +1 -0
- data/app/components/primer/alpha/auto_complete/auto_complete.html.erb +1 -1
- data/app/components/primer/alpha/auto_complete/item.rb +1 -0
- data/app/components/primer/alpha/auto_complete.rb +3 -2
- data/app/components/primer/alpha/banner.html.erb +1 -1
- data/app/components/primer/alpha/banner.rb +1 -0
- data/app/components/primer/alpha/button_marketing.rb +2 -0
- data/app/components/primer/alpha/dialog.rb +3 -0
- data/app/components/primer/alpha/image.rb +1 -0
- data/app/components/primer/alpha/image_crop.html.erb +1 -1
- data/app/components/primer/alpha/layout.css +1 -0
- data/app/components/primer/alpha/layout.css.json +1 -0
- data/app/components/primer/alpha/layout.css.map +1 -0
- data/app/components/primer/alpha/layout.pcss +268 -0
- data/app/components/primer/{menu_component.css → alpha/menu.css} +0 -0
- data/app/components/primer/alpha/menu.css.json +1 -0
- data/app/components/primer/alpha/menu.css.map +1 -0
- data/app/components/primer/{menu_component.html.erb → alpha/menu.html.erb} +0 -0
- data/app/components/primer/{menu_component.pcss → alpha/menu.pcss} +0 -0
- data/app/components/primer/alpha/menu.rb +76 -0
- data/app/components/primer/{octicon_symbols_component.html.erb → alpha/octicon_symbols.html.erb} +0 -0
- data/app/components/primer/alpha/octicon_symbols.rb +61 -0
- data/app/components/primer/alpha/text_field.rb +1 -0
- data/app/components/primer/alpha/toggle_switch.html.erb +2 -2
- data/app/components/primer/alpha/toggle_switch.rb +2 -0
- data/app/components/primer/alpha/tool_tip.js +77 -69
- data/app/components/primer/alpha/tool_tip.ts +63 -51
- data/app/components/primer/alpha/tooltip.rb +2 -0
- data/app/components/primer/beta/auto_complete/item.rb +4 -4
- data/app/components/primer/beta/auto_complete.rb +3 -3
- data/app/components/primer/beta/avatar.rb +1 -0
- data/app/components/primer/beta/base_button.rb +1 -0
- data/app/components/primer/beta/blankslate.rb +5 -5
- data/app/components/primer/beta/button.rb +7 -7
- data/app/components/primer/beta/clipboard_copy.html.erb +2 -2
- data/app/components/primer/beta/clipboard_copy.rb +1 -0
- data/app/components/primer/beta/close_button.rb +2 -1
- data/app/components/primer/beta/counter.rb +1 -0
- data/app/components/primer/beta/heading.rb +1 -0
- data/app/components/primer/beta/icon_button.html.erb +1 -1
- data/app/components/primer/beta/icon_button.rb +1 -0
- data/app/components/primer/beta/label.rb +1 -0
- data/app/components/primer/beta/markdown.rb +1 -0
- data/app/components/primer/{octicon_component.html.erb → beta/octicon.html.erb} +0 -0
- data/app/components/primer/beta/octicon.rb +88 -0
- data/app/components/primer/beta/relative_time.rb +2 -1
- data/app/components/primer/{spinner_component.html.erb → beta/spinner.html.erb} +0 -0
- data/app/components/primer/beta/spinner.rb +46 -0
- data/app/components/primer/beta/text.rb +1 -0
- data/app/components/primer/blankslate_component.rb +3 -3
- data/app/components/primer/box.rb +1 -0
- data/app/components/primer/button_component.rb +3 -3
- data/app/components/primer/conditional_wrapper.rb +2 -0
- data/app/components/primer/hellip_button.rb +2 -0
- data/app/components/primer/icon_button.html.erb +2 -2
- data/app/components/primer/icon_button.rb +1 -0
- data/app/components/primer/layout_component.rb +2 -0
- data/app/components/primer/local_time.rb +3 -0
- data/app/components/primer/menu_component.rb +2 -69
- data/app/components/primer/navigation/tab_component.rb +2 -2
- data/app/components/primer/octicon_component.rb +3 -81
- data/app/components/primer/octicon_symbols_component.rb +2 -52
- data/app/components/primer/primer.d.ts +2 -0
- data/app/components/primer/primer.js +2 -0
- data/app/components/primer/primer.pcss +2 -1
- data/app/components/primer/primer.ts +2 -0
- data/app/components/primer/spinner_component.rb +2 -38
- data/app/components/primer/state_component.rb +1 -0
- data/app/components/primer/subhead_component.rb +2 -0
- data/app/components/primer/tab_container_component.rb +2 -0
- data/app/components/primer/time_ago_component.rb +2 -1
- data/app/components/primer/timeline_item_component.rb +3 -2
- data/app/components/primer/tooltip.rb +1 -0
- data/app/components/primer/truncate.rb +2 -0
- data/app/forms/immediate_validation_form.rb +29 -0
- data/app/forms/multi_input_form.rb +4 -2
- data/app/lib/primer/css/layout.css +1 -378
- data/app/lib/primer/css/layout.css.json +1 -1
- data/app/lib/primer/octicon/cache.rb +1 -1
- data/app/lib/primer/view_helper.rb +1 -1
- data/lib/primer/deprecations.yml +26 -0
- data/lib/primer/forms/builder.rb +48 -8
- data/lib/primer/forms/check_box.html.erb +3 -1
- data/lib/primer/forms/dsl/input.rb +23 -1
- data/lib/primer/forms/dsl/multi_input.rb +6 -9
- data/lib/primer/forms/dsl/select_list_input.rb +1 -1
- data/lib/primer/forms/dsl/text_field_input.rb +31 -1
- data/lib/primer/forms/form_control.html.erb +17 -13
- data/lib/primer/forms/form_control.rb +2 -0
- data/lib/primer/forms/multi.html.erb +6 -2
- data/lib/primer/forms/primer_multi_input.d.ts +10 -0
- data/lib/primer/forms/primer_multi_input.js +45 -0
- data/lib/primer/forms/primer_multi_input.ts +46 -0
- data/lib/primer/forms/primer_text_field.d.ts +1 -0
- data/lib/primer/forms/primer_text_field.js +62 -0
- data/lib/primer/forms/primer_text_field.ts +48 -0
- data/lib/primer/forms/radio_button.html.erb +3 -1
- data/lib/primer/forms/text_field.html.erb +8 -8
- data/lib/primer/forms/text_field.rb +11 -0
- data/lib/primer/view_components/linters/close_button_component_migration_counter.rb +1 -1
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/tasks/docs.rake +5 -5
- data/lib/tasks/helpers/ast_traverser.rb +1 -1
- data/previews/primer/alpha/action_list_preview.rb +1 -1
- data/previews/primer/alpha/auto_complete_preview.rb +62 -6
- data/previews/primer/alpha/layout_preview.rb +179 -6
- data/previews/primer/{menu_component_preview → alpha/menu_preview}/default.html.erb +3 -3
- data/previews/primer/{menu_component_preview → alpha/menu_preview}/playground.html.erb +3 -3
- data/previews/primer/alpha/menu_preview.rb +14 -0
- data/previews/primer/alpha/toggle_switch_preview.rb +11 -9
- data/previews/primer/beta/auto_complete_preview/with_submit_button.html.erb +1 -1
- data/previews/primer/beta/auto_complete_preview.rb +19 -17
- data/previews/primer/beta/octicon_preview.rb +24 -0
- data/previews/primer/beta/spinner_preview.rb +22 -0
- data/previews/primer/forms/forms_preview/immediate_validation_form.html.erb +3 -0
- data/previews/primer/forms/forms_preview/multi_input_form.html.erb +12 -1
- data/previews/primer/forms/forms_preview.rb +2 -0
- data/previews/primer/url_helpers.rb +15 -0
- data/static/arguments.json +159 -159
- data/static/audited_at.json +4 -0
- data/static/constants.json +42 -34
- data/static/statuses.json +10 -6
- metadata +32 -15
- data/app/components/primer/menu_component.css.json +0 -1
- data/app/components/primer/menu_component.css.map +0 -1
- data/previews/primer/menu_component_preview.rb +0 -12
- data/previews/primer/octicon_component_preview.rb +0 -22
- data/previews/primer/spinner_component_preview.rb +0 -20
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
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/
|
1732
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link_preview/default/",
|
1705
1733
|
"parameters": [
|
1706
1734
|
{
|
1707
1735
|
"name": "tag",
|
@@ -1745,7 +1773,7 @@
|
|
1745
1773
|
"component": "Markdown",
|
1746
1774
|
"status": "beta",
|
1747
1775
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
|
1748
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1776
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown_preview/default/",
|
1749
1777
|
"parameters": [
|
1750
1778
|
{
|
1751
1779
|
"name": "tag",
|
@@ -1761,11 +1789,49 @@
|
|
1761
1789
|
}
|
1762
1790
|
]
|
1763
1791
|
},
|
1792
|
+
{
|
1793
|
+
"component": "Octicon",
|
1794
|
+
"status": "beta",
|
1795
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
|
1796
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon_preview/default/",
|
1797
|
+
"parameters": [
|
1798
|
+
{
|
1799
|
+
"name": "icon_name",
|
1800
|
+
"type": "Symbol, String",
|
1801
|
+
"default": "`nil`",
|
1802
|
+
"description": "Name of [Octicon](https://primer.style/octicons/) to use."
|
1803
|
+
},
|
1804
|
+
{
|
1805
|
+
"name": "icon",
|
1806
|
+
"type": "Symbol, String",
|
1807
|
+
"default": "`nil`",
|
1808
|
+
"description": "Name of [Octicon](https://primer.style/octicons/) to use."
|
1809
|
+
},
|
1810
|
+
{
|
1811
|
+
"name": "size",
|
1812
|
+
"type": "Symbol",
|
1813
|
+
"default": "`:small`",
|
1814
|
+
"description": "One of `:xsmall` (`12`), `:small` (`16`), or `:medium` (`24`)."
|
1815
|
+
},
|
1816
|
+
{
|
1817
|
+
"name": "use_symbol",
|
1818
|
+
"type": "Boolean",
|
1819
|
+
"default": "`false`",
|
1820
|
+
"description": "EXPERIMENTAL (May change or be removed) - Set to true when using with [OcticonSymbols](/components/alpha/octiconsymbols)."
|
1821
|
+
},
|
1822
|
+
{
|
1823
|
+
"name": "system_arguments",
|
1824
|
+
"type": "Hash",
|
1825
|
+
"default": "N/A",
|
1826
|
+
"description": "[System arguments](/system-arguments)"
|
1827
|
+
}
|
1828
|
+
]
|
1829
|
+
},
|
1764
1830
|
{
|
1765
1831
|
"component": "Popover",
|
1766
1832
|
"status": "beta",
|
1767
1833
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
|
1768
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1834
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover_preview/default/",
|
1769
1835
|
"parameters": [
|
1770
1836
|
{
|
1771
1837
|
"name": "system_arguments",
|
@@ -1779,7 +1845,7 @@
|
|
1779
1845
|
"component": "ProgressBar",
|
1780
1846
|
"status": "beta",
|
1781
1847
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
|
1782
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1848
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar_preview/default/",
|
1783
1849
|
"parameters": [
|
1784
1850
|
{
|
1785
1851
|
"name": "size",
|
@@ -1799,7 +1865,7 @@
|
|
1799
1865
|
"component": "RelativeTime",
|
1800
1866
|
"status": "beta",
|
1801
1867
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
|
1802
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1868
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time_preview/default/",
|
1803
1869
|
"parameters": [
|
1804
1870
|
{
|
1805
1871
|
"name": "datetime",
|
@@ -1871,7 +1937,7 @@
|
|
1871
1937
|
"name": "threshold",
|
1872
1938
|
"type": "string",
|
1873
1939
|
"default": "`nil`",
|
1874
|
-
"description": "The threshold at which relative time displays become absolute."
|
1940
|
+
"description": "The threshold, in ISO-8601 'durations' format, at which relative time displays become absolute."
|
1875
1941
|
},
|
1876
1942
|
{
|
1877
1943
|
"name": "precision",
|
@@ -1905,11 +1971,37 @@
|
|
1905
1971
|
}
|
1906
1972
|
]
|
1907
1973
|
},
|
1974
|
+
{
|
1975
|
+
"component": "Spinner",
|
1976
|
+
"status": "beta",
|
1977
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
|
1978
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner_preview/default/",
|
1979
|
+
"parameters": [
|
1980
|
+
{
|
1981
|
+
"name": "size",
|
1982
|
+
"type": "Symbol",
|
1983
|
+
"default": "`:medium`",
|
1984
|
+
"description": "One of `[:large, 64]`, `[:medium, 32]`, or `[:small, 16]`."
|
1985
|
+
},
|
1986
|
+
{
|
1987
|
+
"name": "style",
|
1988
|
+
"type": "String",
|
1989
|
+
"default": "`box-sizing: content-box; color: var(--color-icon-primary);`",
|
1990
|
+
"description": "Custom element styles."
|
1991
|
+
},
|
1992
|
+
{
|
1993
|
+
"name": "system_arguments",
|
1994
|
+
"type": "Hash",
|
1995
|
+
"default": "N/A",
|
1996
|
+
"description": "[System arguments](/system-arguments)"
|
1997
|
+
}
|
1998
|
+
]
|
1999
|
+
},
|
1908
2000
|
{
|
1909
2001
|
"component": "Text",
|
1910
2002
|
"status": "beta",
|
1911
2003
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
|
1912
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
2004
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text_preview/default/",
|
1913
2005
|
"parameters": [
|
1914
2006
|
{
|
1915
2007
|
"name": "tag",
|
@@ -1929,7 +2021,7 @@
|
|
1929
2021
|
"component": "Truncate",
|
1930
2022
|
"status": "beta",
|
1931
2023
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
|
1932
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
2024
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate_preview/default/",
|
1933
2025
|
"parameters": [
|
1934
2026
|
{
|
1935
2027
|
"name": "system_arguments",
|
@@ -1943,7 +2035,7 @@
|
|
1943
2035
|
"component": "Box",
|
1944
2036
|
"status": "stable",
|
1945
2037
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
|
1946
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2038
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box_preview/default/",
|
1947
2039
|
"parameters": [
|
1948
2040
|
{
|
1949
2041
|
"name": "system_arguments",
|
@@ -1957,7 +2049,7 @@
|
|
1957
2049
|
"component": "Button",
|
1958
2050
|
"status": "deprecated",
|
1959
2051
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
|
1960
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2052
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button_preview/default/",
|
1961
2053
|
"parameters": [
|
1962
2054
|
{
|
1963
2055
|
"name": "scheme",
|
@@ -2019,7 +2111,7 @@
|
|
2019
2111
|
"component": "DropdownMenu",
|
2020
2112
|
"status": "deprecated",
|
2021
2113
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
|
2022
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2114
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu_preview/default/",
|
2023
2115
|
"parameters": [
|
2024
2116
|
{
|
2025
2117
|
"name": "direction",
|
@@ -2051,7 +2143,7 @@
|
|
2051
2143
|
"component": "HellipButton",
|
2052
2144
|
"status": "alpha",
|
2053
2145
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
|
2054
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2146
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button_preview/default/",
|
2055
2147
|
"parameters": [
|
2056
2148
|
{
|
2057
2149
|
"name": "inline",
|
@@ -2071,7 +2163,7 @@
|
|
2071
2163
|
"component": "IconButton",
|
2072
2164
|
"status": "deprecated",
|
2073
2165
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
|
2074
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2166
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button_preview/default/",
|
2075
2167
|
"parameters": [
|
2076
2168
|
{
|
2077
2169
|
"name": "scheme",
|
@@ -2133,7 +2225,7 @@
|
|
2133
2225
|
"component": "Layout",
|
2134
2226
|
"status": "alpha",
|
2135
2227
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
|
2136
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2228
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout_preview/default/",
|
2137
2229
|
"parameters": [
|
2138
2230
|
{
|
2139
2231
|
"name": "responsive",
|
@@ -2163,9 +2255,9 @@
|
|
2163
2255
|
},
|
2164
2256
|
{
|
2165
2257
|
"component": "LocalTime",
|
2166
|
-
"status": "
|
2258
|
+
"status": "deprecated",
|
2167
2259
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
|
2168
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2260
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time_preview/default/",
|
2169
2261
|
"parameters": [
|
2170
2262
|
{
|
2171
2263
|
"name": "datetime",
|
@@ -2235,25 +2327,11 @@
|
|
2235
2327
|
}
|
2236
2328
|
]
|
2237
2329
|
},
|
2238
|
-
{
|
2239
|
-
"component": "Menu",
|
2240
|
-
"status": "alpha",
|
2241
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/menu_component.rb",
|
2242
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/menu/default/",
|
2243
|
-
"parameters": [
|
2244
|
-
{
|
2245
|
-
"name": "system_arguments",
|
2246
|
-
"type": "Hash",
|
2247
|
-
"default": "N/A",
|
2248
|
-
"description": "[System arguments](/system-arguments)"
|
2249
|
-
}
|
2250
|
-
]
|
2251
|
-
},
|
2252
2330
|
{
|
2253
2331
|
"component": "Navigation::Tab",
|
2254
2332
|
"status": "alpha",
|
2255
2333
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
|
2256
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/
|
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/
|
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/
|
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/
|
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": "
|
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/
|
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/
|
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/
|
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/
|
2552
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate_preview/default/",
|
2553
2553
|
"parameters": [
|
2554
2554
|
{
|
2555
2555
|
"name": "tag",
|