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.
Files changed (113) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +50 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +1 -1
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/item.rb +2 -2
  8. data/app/components/primer/alpha/auto_complete.css +1 -0
  9. data/app/components/primer/alpha/auto_complete.css.json +1 -0
  10. data/app/components/primer/alpha/auto_complete.css.map +1 -0
  11. data/app/components/primer/alpha/auto_complete.pcss +118 -0
  12. data/app/components/primer/alpha/banner.css +1 -1
  13. data/app/components/primer/alpha/banner.css.map +1 -1
  14. data/app/components/primer/alpha/banner.pcss +2 -3
  15. data/app/components/primer/alpha/button_marketing.css +1 -0
  16. data/app/components/primer/alpha/button_marketing.css.json +1 -0
  17. data/app/components/primer/alpha/button_marketing.css.map +1 -0
  18. data/app/components/primer/alpha/button_marketing.pcss +175 -0
  19. data/app/components/primer/{dropdown → alpha/dropdown}/menu.d.ts +0 -0
  20. data/app/components/primer/{dropdown → alpha/dropdown}/menu.html.erb +0 -0
  21. data/app/components/primer/{dropdown → alpha/dropdown}/menu.js +0 -0
  22. data/app/components/primer/alpha/dropdown/menu.rb +105 -0
  23. data/app/components/primer/{dropdown → alpha/dropdown}/menu.ts +0 -0
  24. data/app/components/primer/alpha/dropdown.css +1 -0
  25. data/app/components/primer/alpha/dropdown.css.json +1 -0
  26. data/app/components/primer/alpha/dropdown.css.map +1 -0
  27. data/app/components/primer/{dropdown.d.ts → alpha/dropdown.d.ts} +0 -0
  28. data/app/components/primer/{dropdown.html.erb → alpha/dropdown.html.erb} +0 -0
  29. data/app/components/primer/{dropdown.js → alpha/dropdown.js} +0 -0
  30. data/app/components/primer/alpha/dropdown.pcss +260 -0
  31. data/app/components/primer/alpha/dropdown.rb +154 -0
  32. data/app/components/primer/{dropdown.ts → alpha/dropdown.ts} +0 -0
  33. data/app/components/primer/alpha/tab_nav.css +1 -0
  34. data/app/components/primer/alpha/tab_nav.css.json +1 -0
  35. data/app/components/primer/alpha/tab_nav.css.map +1 -0
  36. data/app/components/primer/alpha/tab_nav.pcss +100 -0
  37. data/app/components/primer/alpha/underline_nav.css +1 -0
  38. data/app/components/primer/alpha/underline_nav.css.json +1 -0
  39. data/app/components/primer/alpha/underline_nav.css.map +1 -0
  40. data/app/components/primer/alpha/underline_nav.pcss +133 -0
  41. data/app/components/primer/alpha/x_banner.d.ts +2 -1
  42. data/app/components/primer/alpha/x_banner.js +0 -1
  43. data/app/components/primer/alpha/x_banner.ts +1 -1
  44. data/app/components/primer/beta/avatar.css +1 -0
  45. data/app/components/primer/beta/avatar.css.json +1 -0
  46. data/app/components/primer/beta/avatar.css.map +1 -0
  47. data/app/components/primer/beta/avatar.pcss +73 -0
  48. data/app/components/primer/beta/avatar_stack.css +1 -0
  49. data/app/components/primer/beta/avatar_stack.css.json +1 -0
  50. data/app/components/primer/beta/avatar_stack.css.map +1 -0
  51. data/app/components/primer/beta/avatar_stack.pcss +141 -0
  52. data/app/components/primer/beta/border_box.css +1 -0
  53. data/app/components/primer/beta/border_box.css.json +1 -0
  54. data/app/components/primer/beta/border_box.css.map +1 -0
  55. data/app/components/primer/beta/border_box.pcss +284 -0
  56. data/app/components/primer/beta/button.rb +1 -1
  57. data/app/components/primer/beta/flash.css +1 -0
  58. data/app/components/primer/beta/flash.css.json +1 -0
  59. data/app/components/primer/beta/flash.css.map +1 -0
  60. data/app/components/primer/beta/flash.pcss +143 -0
  61. data/app/components/primer/beta/link.css +1 -0
  62. data/app/components/primer/beta/link.css.json +1 -0
  63. data/app/components/primer/beta/link.css.map +1 -0
  64. data/app/components/primer/beta/link.pcss +60 -0
  65. data/app/components/primer/beta/popover.css +1 -0
  66. data/app/components/primer/beta/popover.css.json +1 -0
  67. data/app/components/primer/beta/popover.css.map +1 -0
  68. data/app/components/primer/{popover_component.html.erb → beta/popover.html.erb} +0 -0
  69. data/app/components/primer/beta/popover.pcss +225 -0
  70. data/app/components/primer/beta/popover.rb +127 -0
  71. data/app/components/primer/component.rb +2 -2
  72. data/app/components/primer/dropdown/menu.rb +5 -90
  73. data/app/components/primer/dropdown.rb +2 -145
  74. data/app/components/primer/menu_component.css +1 -0
  75. data/app/components/primer/menu_component.css.json +1 -0
  76. data/app/components/primer/menu_component.css.map +1 -0
  77. data/app/components/primer/menu_component.pcss +119 -0
  78. data/app/components/primer/popover_component.rb +3 -120
  79. data/app/components/primer/primer.d.ts +1 -1
  80. data/app/components/primer/primer.js +1 -1
  81. data/app/components/primer/primer.pcss +14 -1
  82. data/app/components/primer/primer.ts +1 -1
  83. data/app/components/primer/timeline_item_component.css +1 -0
  84. data/app/components/primer/timeline_item_component.css.json +1 -0
  85. data/app/components/primer/timeline_item_component.css.map +1 -0
  86. data/app/components/primer/timeline_item_component.pcss +93 -0
  87. data/lib/primer/deprecations.rb +4 -3
  88. data/lib/primer/view_components/linters/deprecated_components_counter.rb +15 -4
  89. data/lib/primer/view_components/linters/severity_schema.rb +14 -0
  90. data/lib/primer/view_components/version.rb +1 -1
  91. data/lib/tasks/docs.rake +3 -3
  92. data/previews/primer/alpha/banner_preview.rb +1 -1
  93. data/previews/primer/alpha/button_marketing_preview.rb +36 -0
  94. data/previews/primer/alpha/dropdown_preview.rb +210 -0
  95. data/previews/primer/alpha/tab_nav_preview.rb +55 -0
  96. data/previews/primer/beta/avatar_preview.rb +61 -5
  97. data/previews/primer/beta/avatar_stack_preview.rb +54 -12
  98. data/previews/primer/beta/blankslate_preview.rb +29 -5
  99. data/previews/primer/beta/border_box_preview.rb +65 -13
  100. data/previews/primer/beta/flash_preview.rb +45 -8
  101. data/previews/primer/beta/label_preview.rb +86 -8
  102. data/previews/primer/beta/link_preview.rb +28 -0
  103. data/previews/primer/beta/popover_preview.rb +79 -0
  104. data/static/arguments.json +40 -40
  105. data/static/audited_at.json +4 -3
  106. data/static/constants.json +56 -52
  107. data/static/statuses.json +8 -7
  108. metadata +70 -16
  109. data/app/components/primer/counter_component.rb +0 -7
  110. data/app/components/primer/image.rb +0 -7
  111. data/app/components/primer/progress_bar_component.rb +0 -7
  112. data/previews/primer/dropdown_preview.rb +0 -57
  113. 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.110
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-14 00:00:00.000000000 Z
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,7 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Primer
4
- class CounterComponent < Primer::Beta::Counter
5
- status :deprecated
6
- end
7
- end
@@ -1,7 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Primer
4
- class Image < Primer::Alpha::Image
5
- status :deprecated
6
- end
7
- end
@@ -1,7 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Primer
4
- class ProgressBarComponent < Primer::Beta::ProgressBar
5
- status :deprecated
6
- end
7
- end
@@ -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