primer_view_components 0.0.110 → 0.0.112
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +50 -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 +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list/item.rb +2 -2
- data/app/components/primer/alpha/auto_complete.css +1 -0
- data/app/components/primer/alpha/auto_complete.css.json +1 -0
- data/app/components/primer/alpha/auto_complete.css.map +1 -0
- data/app/components/primer/alpha/auto_complete.pcss +118 -0
- data/app/components/primer/alpha/banner.css +1 -1
- data/app/components/primer/alpha/banner.css.map +1 -1
- data/app/components/primer/alpha/banner.pcss +2 -3
- data/app/components/primer/alpha/button_marketing.css +1 -0
- data/app/components/primer/alpha/button_marketing.css.json +1 -0
- data/app/components/primer/alpha/button_marketing.css.map +1 -0
- data/app/components/primer/alpha/button_marketing.pcss +175 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.d.ts +0 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.html.erb +0 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.js +0 -0
- data/app/components/primer/alpha/dropdown/menu.rb +105 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.ts +0 -0
- data/app/components/primer/alpha/dropdown.css +1 -0
- data/app/components/primer/alpha/dropdown.css.json +1 -0
- data/app/components/primer/alpha/dropdown.css.map +1 -0
- data/app/components/primer/{dropdown.d.ts → alpha/dropdown.d.ts} +0 -0
- data/app/components/primer/{dropdown.html.erb → alpha/dropdown.html.erb} +0 -0
- data/app/components/primer/{dropdown.js → alpha/dropdown.js} +0 -0
- data/app/components/primer/alpha/dropdown.pcss +260 -0
- data/app/components/primer/alpha/dropdown.rb +154 -0
- data/app/components/primer/{dropdown.ts → alpha/dropdown.ts} +0 -0
- data/app/components/primer/alpha/tab_nav.css +1 -0
- data/app/components/primer/alpha/tab_nav.css.json +1 -0
- data/app/components/primer/alpha/tab_nav.css.map +1 -0
- data/app/components/primer/alpha/tab_nav.pcss +100 -0
- data/app/components/primer/alpha/underline_nav.css +1 -0
- data/app/components/primer/alpha/underline_nav.css.json +1 -0
- data/app/components/primer/alpha/underline_nav.css.map +1 -0
- data/app/components/primer/alpha/underline_nav.pcss +133 -0
- data/app/components/primer/alpha/x_banner.d.ts +2 -1
- data/app/components/primer/alpha/x_banner.js +0 -1
- data/app/components/primer/alpha/x_banner.ts +1 -1
- data/app/components/primer/beta/avatar.css +1 -0
- data/app/components/primer/beta/avatar.css.json +1 -0
- data/app/components/primer/beta/avatar.css.map +1 -0
- data/app/components/primer/beta/avatar.pcss +73 -0
- data/app/components/primer/beta/avatar_stack.css +1 -0
- data/app/components/primer/beta/avatar_stack.css.json +1 -0
- data/app/components/primer/beta/avatar_stack.css.map +1 -0
- data/app/components/primer/beta/avatar_stack.pcss +141 -0
- data/app/components/primer/beta/border_box.css +1 -0
- data/app/components/primer/beta/border_box.css.json +1 -0
- data/app/components/primer/beta/border_box.css.map +1 -0
- data/app/components/primer/beta/border_box.pcss +284 -0
- data/app/components/primer/beta/button.rb +1 -1
- data/app/components/primer/beta/flash.css +1 -0
- data/app/components/primer/beta/flash.css.json +1 -0
- data/app/components/primer/beta/flash.css.map +1 -0
- data/app/components/primer/beta/flash.pcss +143 -0
- data/app/components/primer/beta/link.css +1 -0
- data/app/components/primer/beta/link.css.json +1 -0
- data/app/components/primer/beta/link.css.map +1 -0
- data/app/components/primer/beta/link.pcss +60 -0
- data/app/components/primer/beta/popover.css +1 -0
- data/app/components/primer/beta/popover.css.json +1 -0
- data/app/components/primer/beta/popover.css.map +1 -0
- data/app/components/primer/{popover_component.html.erb → beta/popover.html.erb} +0 -0
- data/app/components/primer/beta/popover.pcss +225 -0
- data/app/components/primer/beta/popover.rb +127 -0
- data/app/components/primer/component.rb +2 -2
- data/app/components/primer/dropdown/menu.rb +5 -90
- data/app/components/primer/dropdown.rb +2 -145
- data/app/components/primer/menu_component.css +1 -0
- data/app/components/primer/menu_component.css.json +1 -0
- data/app/components/primer/menu_component.css.map +1 -0
- data/app/components/primer/menu_component.pcss +119 -0
- data/app/components/primer/popover_component.rb +3 -120
- data/app/components/primer/primer.d.ts +1 -1
- data/app/components/primer/primer.js +1 -1
- data/app/components/primer/primer.pcss +14 -1
- data/app/components/primer/primer.ts +1 -1
- data/app/components/primer/timeline_item_component.css +1 -0
- data/app/components/primer/timeline_item_component.css.json +1 -0
- data/app/components/primer/timeline_item_component.css.map +1 -0
- data/app/components/primer/timeline_item_component.pcss +93 -0
- data/lib/primer/deprecations.rb +4 -3
- data/lib/primer/view_components/linters/deprecated_components_counter.rb +15 -4
- data/lib/primer/view_components/linters/severity_schema.rb +14 -0
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/tasks/docs.rake +3 -3
- data/previews/primer/alpha/banner_preview.rb +1 -1
- data/previews/primer/alpha/button_marketing_preview.rb +36 -0
- data/previews/primer/alpha/dropdown_preview.rb +210 -0
- data/previews/primer/alpha/tab_nav_preview.rb +55 -0
- data/previews/primer/beta/avatar_preview.rb +61 -5
- data/previews/primer/beta/avatar_stack_preview.rb +54 -12
- data/previews/primer/beta/blankslate_preview.rb +29 -5
- data/previews/primer/beta/border_box_preview.rb +65 -13
- data/previews/primer/beta/flash_preview.rb +45 -8
- data/previews/primer/beta/label_preview.rb +86 -8
- data/previews/primer/beta/link_preview.rb +28 -0
- data/previews/primer/beta/popover_preview.rb +79 -0
- data/static/arguments.json +40 -40
- data/static/audited_at.json +4 -3
- data/static/constants.json +56 -52
- data/static/statuses.json +8 -7
- metadata +70 -16
- data/app/components/primer/counter_component.rb +0 -7
- data/app/components/primer/image.rb +0 -7
- data/app/components/primer/progress_bar_component.rb +0 -7
- data/previews/primer/dropdown_preview.rb +0 -57
- data/previews/primer/popover_component_preview.rb +0 -34
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: primer_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.112
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GitHub Open Source
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-11-
|
11
|
+
date: 2022-11-28 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: actionview
|
@@ -419,6 +419,10 @@ files:
|
|
419
419
|
- app/components/primer/alpha/action_list/heading.rb
|
420
420
|
- app/components/primer/alpha/action_list/item.html.erb
|
421
421
|
- app/components/primer/alpha/action_list/item.rb
|
422
|
+
- app/components/primer/alpha/auto_complete.css
|
423
|
+
- app/components/primer/alpha/auto_complete.css.json
|
424
|
+
- app/components/primer/alpha/auto_complete.css.map
|
425
|
+
- app/components/primer/alpha/auto_complete.pcss
|
422
426
|
- app/components/primer/alpha/auto_complete.rb
|
423
427
|
- app/components/primer/alpha/auto_complete/auto_complete.html.erb
|
424
428
|
- app/components/primer/alpha/auto_complete/item.rb
|
@@ -428,6 +432,10 @@ files:
|
|
428
432
|
- app/components/primer/alpha/banner.html.erb
|
429
433
|
- app/components/primer/alpha/banner.pcss
|
430
434
|
- app/components/primer/alpha/banner.rb
|
435
|
+
- app/components/primer/alpha/button_marketing.css
|
436
|
+
- app/components/primer/alpha/button_marketing.css.json
|
437
|
+
- app/components/primer/alpha/button_marketing.css.map
|
438
|
+
- app/components/primer/alpha/button_marketing.pcss
|
431
439
|
- app/components/primer/alpha/button_marketing.rb
|
432
440
|
- app/components/primer/alpha/dialog.html.erb
|
433
441
|
- app/components/primer/alpha/dialog.rb
|
@@ -435,6 +443,20 @@ files:
|
|
435
443
|
- app/components/primer/alpha/dialog/footer.rb
|
436
444
|
- app/components/primer/alpha/dialog/header.html.erb
|
437
445
|
- app/components/primer/alpha/dialog/header.rb
|
446
|
+
- app/components/primer/alpha/dropdown.css
|
447
|
+
- app/components/primer/alpha/dropdown.css.json
|
448
|
+
- app/components/primer/alpha/dropdown.css.map
|
449
|
+
- app/components/primer/alpha/dropdown.d.ts
|
450
|
+
- app/components/primer/alpha/dropdown.html.erb
|
451
|
+
- app/components/primer/alpha/dropdown.js
|
452
|
+
- app/components/primer/alpha/dropdown.pcss
|
453
|
+
- app/components/primer/alpha/dropdown.rb
|
454
|
+
- app/components/primer/alpha/dropdown.ts
|
455
|
+
- app/components/primer/alpha/dropdown/menu.d.ts
|
456
|
+
- app/components/primer/alpha/dropdown/menu.html.erb
|
457
|
+
- app/components/primer/alpha/dropdown/menu.js
|
458
|
+
- app/components/primer/alpha/dropdown/menu.rb
|
459
|
+
- app/components/primer/alpha/dropdown/menu.ts
|
438
460
|
- app/components/primer/alpha/hidden_text_expander.rb
|
439
461
|
- app/components/primer/alpha/image.rb
|
440
462
|
- app/components/primer/alpha/image_crop.d.ts
|
@@ -467,7 +489,11 @@ files:
|
|
467
489
|
- app/components/primer/alpha/segmented_control.ts
|
468
490
|
- app/components/primer/alpha/segmented_control/item.html.erb
|
469
491
|
- app/components/primer/alpha/segmented_control/item.rb
|
492
|
+
- app/components/primer/alpha/tab_nav.css
|
493
|
+
- app/components/primer/alpha/tab_nav.css.json
|
494
|
+
- app/components/primer/alpha/tab_nav.css.map
|
470
495
|
- app/components/primer/alpha/tab_nav.html.erb
|
496
|
+
- app/components/primer/alpha/tab_nav.pcss
|
471
497
|
- app/components/primer/alpha/tab_nav.rb
|
472
498
|
- app/components/primer/alpha/tab_panels.html.erb
|
473
499
|
- app/components/primer/alpha/tab_panels.rb
|
@@ -485,7 +511,11 @@ files:
|
|
485
511
|
- app/components/primer/alpha/tool_tip.js
|
486
512
|
- app/components/primer/alpha/tool_tip.ts
|
487
513
|
- app/components/primer/alpha/tooltip.rb
|
514
|
+
- app/components/primer/alpha/underline_nav.css
|
515
|
+
- app/components/primer/alpha/underline_nav.css.json
|
516
|
+
- app/components/primer/alpha/underline_nav.css.map
|
488
517
|
- app/components/primer/alpha/underline_nav.html.erb
|
518
|
+
- app/components/primer/alpha/underline_nav.pcss
|
489
519
|
- app/components/primer/alpha/underline_nav.rb
|
490
520
|
- app/components/primer/alpha/underline_panels.html.erb
|
491
521
|
- app/components/primer/alpha/underline_panels.rb
|
@@ -500,8 +530,16 @@ files:
|
|
500
530
|
- app/components/primer/beta/auto_complete/auto_complete.ts
|
501
531
|
- app/components/primer/beta/auto_complete/item.html.erb
|
502
532
|
- app/components/primer/beta/auto_complete/item.rb
|
533
|
+
- app/components/primer/beta/avatar.css
|
534
|
+
- app/components/primer/beta/avatar.css.json
|
535
|
+
- app/components/primer/beta/avatar.css.map
|
536
|
+
- app/components/primer/beta/avatar.pcss
|
503
537
|
- app/components/primer/beta/avatar.rb
|
538
|
+
- app/components/primer/beta/avatar_stack.css
|
539
|
+
- app/components/primer/beta/avatar_stack.css.json
|
540
|
+
- app/components/primer/beta/avatar_stack.css.map
|
504
541
|
- app/components/primer/beta/avatar_stack.html.erb
|
542
|
+
- app/components/primer/beta/avatar_stack.pcss
|
505
543
|
- app/components/primer/beta/avatar_stack.rb
|
506
544
|
- app/components/primer/beta/base_button.rb
|
507
545
|
- app/components/primer/beta/blankslate.css
|
@@ -510,7 +548,11 @@ files:
|
|
510
548
|
- app/components/primer/beta/blankslate.html.erb
|
511
549
|
- app/components/primer/beta/blankslate.pcss
|
512
550
|
- app/components/primer/beta/blankslate.rb
|
551
|
+
- app/components/primer/beta/border_box.css
|
552
|
+
- app/components/primer/beta/border_box.css.json
|
553
|
+
- app/components/primer/beta/border_box.css.map
|
513
554
|
- app/components/primer/beta/border_box.html.erb
|
555
|
+
- app/components/primer/beta/border_box.pcss
|
514
556
|
- app/components/primer/beta/border_box.rb
|
515
557
|
- app/components/primer/beta/border_box/header.html.erb
|
516
558
|
- app/components/primer/beta/border_box/header.rb
|
@@ -536,7 +578,11 @@ files:
|
|
536
578
|
- app/components/primer/beta/counter.rb
|
537
579
|
- app/components/primer/beta/details.html.erb
|
538
580
|
- app/components/primer/beta/details.rb
|
581
|
+
- app/components/primer/beta/flash.css
|
582
|
+
- app/components/primer/beta/flash.css.json
|
583
|
+
- app/components/primer/beta/flash.css.map
|
539
584
|
- app/components/primer/beta/flash.html.erb
|
585
|
+
- app/components/primer/beta/flash.pcss
|
540
586
|
- app/components/primer/beta/flash.rb
|
541
587
|
- app/components/primer/beta/heading.rb
|
542
588
|
- app/components/primer/beta/icon_button.html.erb
|
@@ -546,7 +592,17 @@ files:
|
|
546
592
|
- app/components/primer/beta/label.css.map
|
547
593
|
- app/components/primer/beta/label.pcss
|
548
594
|
- app/components/primer/beta/label.rb
|
595
|
+
- app/components/primer/beta/link.css
|
596
|
+
- app/components/primer/beta/link.css.json
|
597
|
+
- app/components/primer/beta/link.css.map
|
598
|
+
- app/components/primer/beta/link.pcss
|
549
599
|
- app/components/primer/beta/link.rb
|
600
|
+
- app/components/primer/beta/popover.css
|
601
|
+
- app/components/primer/beta/popover.css.json
|
602
|
+
- app/components/primer/beta/popover.css.map
|
603
|
+
- app/components/primer/beta/popover.html.erb
|
604
|
+
- app/components/primer/beta/popover.pcss
|
605
|
+
- app/components/primer/beta/popover.rb
|
550
606
|
- app/components/primer/beta/progress_bar.css
|
551
607
|
- app/components/primer/beta/progress_bar.css.json
|
552
608
|
- app/components/primer/beta/progress_bar.css.map
|
@@ -574,23 +630,13 @@ files:
|
|
574
630
|
- app/components/primer/component.rb
|
575
631
|
- app/components/primer/conditional_wrapper.rb
|
576
632
|
- app/components/primer/content.rb
|
577
|
-
- app/components/primer/counter_component.rb
|
578
|
-
- app/components/primer/dropdown.d.ts
|
579
|
-
- app/components/primer/dropdown.html.erb
|
580
|
-
- app/components/primer/dropdown.js
|
581
633
|
- app/components/primer/dropdown.rb
|
582
|
-
- app/components/primer/dropdown.ts
|
583
|
-
- app/components/primer/dropdown/menu.d.ts
|
584
|
-
- app/components/primer/dropdown/menu.html.erb
|
585
|
-
- app/components/primer/dropdown/menu.js
|
586
634
|
- app/components/primer/dropdown/menu.rb
|
587
|
-
- app/components/primer/dropdown/menu.ts
|
588
635
|
- app/components/primer/dropdown_menu_component.html.erb
|
589
636
|
- app/components/primer/dropdown_menu_component.rb
|
590
637
|
- app/components/primer/hellip_button.rb
|
591
638
|
- app/components/primer/icon_button.html.erb
|
592
639
|
- app/components/primer/icon_button.rb
|
593
|
-
- app/components/primer/image.rb
|
594
640
|
- app/components/primer/label_component.rb
|
595
641
|
- app/components/primer/layout_component.html.erb
|
596
642
|
- app/components/primer/layout_component.rb
|
@@ -600,7 +646,11 @@ files:
|
|
600
646
|
- app/components/primer/local_time.rb
|
601
647
|
- app/components/primer/local_time.ts
|
602
648
|
- app/components/primer/markdown.rb
|
649
|
+
- app/components/primer/menu_component.css
|
650
|
+
- app/components/primer/menu_component.css.json
|
651
|
+
- app/components/primer/menu_component.css.map
|
603
652
|
- app/components/primer/menu_component.html.erb
|
653
|
+
- app/components/primer/menu_component.pcss
|
604
654
|
- app/components/primer/menu_component.rb
|
605
655
|
- app/components/primer/navigation/tab_component.html.erb
|
606
656
|
- app/components/primer/navigation/tab_component.rb
|
@@ -608,13 +658,11 @@ files:
|
|
608
658
|
- app/components/primer/octicon_component.rb
|
609
659
|
- app/components/primer/octicon_symbols_component.html.erb
|
610
660
|
- app/components/primer/octicon_symbols_component.rb
|
611
|
-
- app/components/primer/popover_component.html.erb
|
612
661
|
- app/components/primer/popover_component.rb
|
613
662
|
- app/components/primer/primer.d.ts
|
614
663
|
- app/components/primer/primer.js
|
615
664
|
- app/components/primer/primer.pcss
|
616
665
|
- app/components/primer/primer.ts
|
617
|
-
- app/components/primer/progress_bar_component.rb
|
618
666
|
- app/components/primer/spinner_component.html.erb
|
619
667
|
- app/components/primer/spinner_component.rb
|
620
668
|
- app/components/primer/state_component.css
|
@@ -636,7 +684,11 @@ files:
|
|
636
684
|
- app/components/primer/time_ago_component.js
|
637
685
|
- app/components/primer/time_ago_component.rb
|
638
686
|
- app/components/primer/time_ago_component.ts
|
687
|
+
- app/components/primer/timeline_item_component.css
|
688
|
+
- app/components/primer/timeline_item_component.css.json
|
689
|
+
- app/components/primer/timeline_item_component.css.map
|
639
690
|
- app/components/primer/timeline_item_component.html.erb
|
691
|
+
- app/components/primer/timeline_item_component.pcss
|
640
692
|
- app/components/primer/timeline_item_component.rb
|
641
693
|
- app/components/primer/tooltip.rb
|
642
694
|
- app/components/primer/truncate.css
|
@@ -785,6 +837,7 @@ files:
|
|
785
837
|
- lib/primer/view_components/linters/helpers/rubocop_helpers.rb
|
786
838
|
- lib/primer/view_components/linters/label_component_migration_counter.rb
|
787
839
|
- lib/primer/view_components/linters/migrate_deprecated_flash_arguments.rb
|
840
|
+
- lib/primer/view_components/linters/severity_schema.rb
|
788
841
|
- lib/primer/view_components/linters/subhead_component_migration_counter.rb
|
789
842
|
- lib/primer/view_components/linters/super_in_component_templates.rb
|
790
843
|
- lib/primer/view_components/linters/tag_tree_helpers.rb
|
@@ -828,11 +881,13 @@ files:
|
|
828
881
|
- previews/primer/alpha/dialog_preview/test.html.erb
|
829
882
|
- previews/primer/alpha/dialog_preview/with_footer.html.erb
|
830
883
|
- previews/primer/alpha/dialog_preview/with_form.html.erb
|
884
|
+
- previews/primer/alpha/dropdown_preview.rb
|
831
885
|
- previews/primer/alpha/hidden_text_expander_preview.rb
|
832
886
|
- previews/primer/alpha/image_crop_preview.rb
|
833
887
|
- previews/primer/alpha/layout_preview.rb
|
834
888
|
- previews/primer/alpha/nav_list_preview.rb
|
835
889
|
- previews/primer/alpha/segmented_control_preview.rb
|
890
|
+
- previews/primer/alpha/tab_nav_preview.rb
|
836
891
|
- previews/primer/alpha/tab_panels_preview.rb
|
837
892
|
- previews/primer/alpha/text_field_preview.rb
|
838
893
|
- previews/primer/alpha/toggle_switch_preview.rb
|
@@ -871,12 +926,12 @@ files:
|
|
871
926
|
- previews/primer/beta/icon_button_preview.rb
|
872
927
|
- previews/primer/beta/label_preview.rb
|
873
928
|
- previews/primer/beta/link_preview.rb
|
929
|
+
- previews/primer/beta/popover_preview.rb
|
874
930
|
- previews/primer/beta/progress_bar_preview.rb
|
875
931
|
- previews/primer/beta/text_preview.rb
|
876
932
|
- previews/primer/beta/truncate_preview.rb
|
877
933
|
- previews/primer/clipboard_copy_preview.rb
|
878
934
|
- previews/primer/clipboard_copy_preview/element.html.erb
|
879
|
-
- previews/primer/dropdown_preview.rb
|
880
935
|
- previews/primer/forms/forms_preview.rb
|
881
936
|
- previews/primer/forms/forms_preview/after_content_form.html.erb
|
882
937
|
- previews/primer/forms/forms_preview/array_check_box_group_form.html.erb
|
@@ -903,7 +958,6 @@ files:
|
|
903
958
|
- previews/primer/menu_component_preview/default.html.erb
|
904
959
|
- previews/primer/menu_component_preview/playground.html.erb
|
905
960
|
- previews/primer/octicon_component_preview.rb
|
906
|
-
- previews/primer/popover_component_preview.rb
|
907
961
|
- previews/primer/spinner_component_preview.rb
|
908
962
|
- previews/primer/state_component_preview.rb
|
909
963
|
- previews/primer/subhead_component_preview.rb
|
@@ -1,57 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Primer
|
4
|
-
# @label Dropdown
|
5
|
-
class DropdownPreview < ViewComponent::Preview
|
6
|
-
# @label Playground
|
7
|
-
#
|
8
|
-
# @param with_caret [Boolean] toggle
|
9
|
-
# @param overlay [Symbol] select [none, default, dark]
|
10
|
-
def playground(overlay: :default, with_caret: false)
|
11
|
-
render(Primer::Dropdown.new(overlay: overlay, with_caret: with_caret)) do |c|
|
12
|
-
c.with_button { "Dropdown" }
|
13
|
-
|
14
|
-
c.with_menu(header: "Header") do |m|
|
15
|
-
m.with_item { "Item 1" }
|
16
|
-
m.with_item { "Item 2" }
|
17
|
-
m.with_item(divider: true)
|
18
|
-
m.with_item { "Item 3" }
|
19
|
-
m.with_item { "Item 4" }
|
20
|
-
end
|
21
|
-
end
|
22
|
-
end
|
23
|
-
|
24
|
-
# @label Default Options
|
25
|
-
#
|
26
|
-
# @param with_caret [Boolean] toggle
|
27
|
-
# @param overlay [Symbol] select [none, default, dark]
|
28
|
-
def default(overlay: :default, with_caret: false)
|
29
|
-
render(Primer::Dropdown.new(overlay: overlay, with_caret: with_caret)) do |c|
|
30
|
-
c.with_button { "Dropdown" }
|
31
|
-
|
32
|
-
c.with_menu(header: "Header") do |m|
|
33
|
-
m.with_item { "Item 1" }
|
34
|
-
m.with_item { "Item 2" }
|
35
|
-
m.with_item(divider: true)
|
36
|
-
m.with_item { "Item 3" }
|
37
|
-
m.with_item { "Item 4" }
|
38
|
-
end
|
39
|
-
end
|
40
|
-
end
|
41
|
-
|
42
|
-
# @label Menu Options
|
43
|
-
#
|
44
|
-
# @param as [Symbol] select [list, default]
|
45
|
-
# @param direction [Symbol] select [se, sw, w, e, ne, s]
|
46
|
-
# @param scheme [Symbol] select [default, dark]
|
47
|
-
def menu(as: :default, direction: :se, scheme: :default)
|
48
|
-
render(Primer::Dropdown::Menu.new(as: as, direction: direction, scheme: scheme, header: "Header")) do |m|
|
49
|
-
m.with_item { "Item 1" }
|
50
|
-
m.with_item { "Item 2" }
|
51
|
-
m.with_item(divider: true)
|
52
|
-
m.with_item { "Item 3" }
|
53
|
-
m.with_item { "Item 4" }
|
54
|
-
end
|
55
|
-
end
|
56
|
-
end
|
57
|
-
end
|
@@ -1,34 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Primer
|
4
|
-
# @label PopoverComponent
|
5
|
-
class PopoverComponentPreview < ViewComponent::Preview
|
6
|
-
# @label Playground
|
7
|
-
#
|
8
|
-
# @param caret [Symbol] select [top, right, bottom, left, top_right, top_left, bottom_right, bottom_left, left_bottom, left_top, right_bottom, right_top]
|
9
|
-
def playground(caret: :top)
|
10
|
-
render Primer::PopoverComponent.new do |component|
|
11
|
-
component.with_heading do
|
12
|
-
"Activity feed"
|
13
|
-
end
|
14
|
-
component.with_body(caret: caret) do
|
15
|
-
"This is the Popover body."
|
16
|
-
end
|
17
|
-
end
|
18
|
-
end
|
19
|
-
|
20
|
-
# @label Default
|
21
|
-
#
|
22
|
-
# @param caret [Symbol] select [top, right, bottom, left, top_right, top_left, bottom_right, bottom_left, left_bottom, left_top, right_bottom, right_top]
|
23
|
-
def default(caret: :top)
|
24
|
-
render Primer::PopoverComponent.new do |component|
|
25
|
-
component.with_heading do
|
26
|
-
"Activity feed"
|
27
|
-
end
|
28
|
-
component.with_body(caret: caret) do
|
29
|
-
"This is the Popover body."
|
30
|
-
end
|
31
|
-
end
|
32
|
-
end
|
33
|
-
end
|
34
|
-
end
|