primer_view_components 0.0.116 → 0.0.118

Sign up to get free protection for your applications and to get access to all the features.
Files changed (162) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +52 -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 +2 -2
  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/action_list.css +1 -1
  9. data/app/components/primer/alpha/action_list.css.json +1 -1
  10. data/app/components/primer/alpha/action_list.css.map +1 -1
  11. data/app/components/primer/alpha/auto_complete/item.rb +4 -4
  12. data/app/components/primer/alpha/auto_complete.rb +6 -6
  13. data/app/components/primer/alpha/dialog.rb +4 -5
  14. data/app/components/primer/alpha/dropdown.rb +53 -53
  15. data/app/components/primer/alpha/hellip_button.rb +41 -0
  16. data/app/components/primer/alpha/hidden_text_expander.rb +1 -1
  17. data/app/components/primer/alpha/layout.rb +48 -48
  18. data/app/components/primer/alpha/menu.css +1 -1
  19. data/app/components/primer/alpha/menu.css.json +1 -1
  20. data/app/components/primer/alpha/menu.css.map +1 -1
  21. data/app/components/primer/alpha/menu.rb +5 -5
  22. data/app/components/primer/alpha/modal_dialog.js +24 -12
  23. data/app/components/primer/alpha/modal_dialog.ts +29 -15
  24. data/app/components/primer/alpha/segmented_control.rb +20 -20
  25. data/app/components/primer/{tab_container_component.d.ts → alpha/tab_container.d.ts} +0 -0
  26. data/app/components/primer/{tab_container_component.js → alpha/tab_container.js} +0 -0
  27. data/app/components/primer/alpha/tab_container.rb +43 -0
  28. data/app/components/primer/{tab_container_component.ts → alpha/tab_container.ts} +0 -0
  29. data/app/components/primer/alpha/tab_nav.css +1 -1
  30. data/app/components/primer/alpha/tab_nav.css.json +1 -1
  31. data/app/components/primer/alpha/tab_nav.css.map +1 -1
  32. data/app/components/primer/alpha/tab_nav.rb +32 -32
  33. data/app/components/primer/alpha/tool_tip.js +3 -7
  34. data/app/components/primer/alpha/tool_tip.ts +3 -7
  35. data/app/components/primer/alpha/tooltip.rb +18 -18
  36. data/app/components/primer/alpha/underline_nav.css +1 -1
  37. data/app/components/primer/alpha/underline_nav.css.json +1 -1
  38. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  39. data/app/components/primer/alpha/underline_nav.rb +18 -18
  40. data/app/components/primer/beta/auto_complete/item.rb +2 -3
  41. data/app/components/primer/beta/auto_complete.rb +14 -16
  42. data/app/components/primer/beta/avatar_stack.rb +12 -14
  43. data/app/components/primer/beta/blankslate.rb +0 -1
  44. data/app/components/primer/beta/border_box/header.rb +0 -2
  45. data/app/components/primer/beta/border_box.rb +0 -2
  46. data/app/components/primer/beta/breadcrumbs.css +1 -1
  47. data/app/components/primer/beta/breadcrumbs.css.json +1 -1
  48. data/app/components/primer/beta/breadcrumbs.css.map +1 -1
  49. data/app/components/primer/beta/breadcrumbs.rb +0 -1
  50. data/app/components/primer/beta/button.css +1 -1
  51. data/app/components/primer/beta/button.css.map +1 -1
  52. data/app/components/primer/beta/button.pcss +1 -1
  53. data/app/components/primer/beta/button.rb +9 -10
  54. data/app/components/primer/beta/button_group.rb +0 -1
  55. data/app/components/primer/beta/details.rb +0 -1
  56. data/app/components/primer/beta/flash.rb +0 -1
  57. data/app/components/primer/beta/link.rb +2 -3
  58. data/app/components/primer/beta/octicon.rb +0 -1
  59. data/app/components/primer/beta/popover.rb +0 -1
  60. data/app/components/primer/beta/relative_time.rb +6 -0
  61. data/app/components/primer/{state_component.css → beta/state.css} +0 -0
  62. data/app/components/primer/beta/state.css.json +1 -0
  63. data/app/components/primer/beta/state.css.map +1 -0
  64. data/app/components/primer/{state_component.pcss → beta/state.pcss} +0 -0
  65. data/app/components/primer/beta/state.rb +76 -0
  66. data/app/components/primer/{subhead_component.css → beta/subhead.css} +0 -0
  67. data/app/components/primer/beta/subhead.css.json +1 -0
  68. data/app/components/primer/beta/subhead.css.map +1 -0
  69. data/app/components/primer/{subhead_component.html.erb → beta/subhead.html.erb} +0 -0
  70. data/app/components/primer/{subhead_component.pcss → beta/subhead.pcss} +0 -0
  71. data/app/components/primer/beta/subhead.rb +135 -0
  72. data/app/components/primer/{timeline_item_component.css → beta/timeline_item.css} +0 -0
  73. data/app/components/primer/beta/timeline_item.css.json +1 -0
  74. data/app/components/primer/beta/timeline_item.css.map +1 -0
  75. data/app/components/primer/{timeline_item_component.html.erb → beta/timeline_item.html.erb} +0 -0
  76. data/app/components/primer/{timeline_item_component.pcss → beta/timeline_item.pcss} +0 -0
  77. data/app/components/primer/beta/timeline_item.rb +90 -0
  78. data/app/components/primer/beta/truncate.css +1 -1
  79. data/app/components/primer/beta/truncate.css.json +1 -1
  80. data/app/components/primer/beta/truncate.css.map +1 -1
  81. data/app/components/primer/beta/truncate.rb +0 -1
  82. data/app/components/primer/button_component.rb +9 -9
  83. data/app/components/primer/component.rb +0 -1
  84. data/app/components/primer/hellip_button.rb +2 -34
  85. data/app/components/primer/navigation/tab_component.rb +16 -16
  86. data/app/components/primer/primer.d.ts +1 -1
  87. data/app/components/primer/primer.js +1 -1
  88. data/app/components/primer/primer.pcss +3 -3
  89. data/app/components/primer/primer.ts +1 -1
  90. data/app/components/primer/state_component.rb +2 -69
  91. data/app/components/primer/subhead_component.rb +2 -128
  92. data/app/components/primer/tab_container_component.rb +2 -36
  93. data/app/components/primer/timeline_item_component.rb +5 -78
  94. data/app/forms/example_toggle_switch_form/example_field_caption.html.erb +1 -0
  95. data/app/forms/example_toggle_switch_form.rb +8 -0
  96. data/app/forms/submit_button_form.rb +4 -4
  97. data/app/lib/primer/tabbed_component_helper.rb +1 -1
  98. data/lib/primer/deprecations.rb +7 -13
  99. data/lib/primer/deprecations.yml +24 -0
  100. data/lib/primer/forms/button.html.erb +2 -2
  101. data/lib/primer/forms/dsl/toggle_switch_input.rb +35 -0
  102. data/lib/primer/forms/toggle_switch.html.erb +17 -0
  103. data/lib/primer/forms/toggle_switch.rb +19 -0
  104. data/lib/primer/forms/toggle_switch_form.rb +74 -0
  105. data/lib/primer/view_components/linters/subhead_component_migration_counter.rb +1 -1
  106. data/lib/primer/view_components/version.rb +1 -1
  107. data/lib/rubocop/cop/primer/component_name_migration.rb +2 -1
  108. data/lib/tasks/docs.rake +7 -7
  109. data/previews/primer/alpha/action_list_preview.rb +44 -44
  110. data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +10 -0
  111. data/previews/primer/alpha/dialog_preview.rb +15 -0
  112. data/previews/primer/alpha/dropdown_preview.rb +97 -97
  113. data/previews/primer/alpha/hellip_button_preview.rb +24 -0
  114. data/previews/primer/alpha/layout_preview.rb +63 -63
  115. data/previews/primer/alpha/menu_preview/default.html.erb +5 -5
  116. data/previews/primer/alpha/menu_preview/playground.html.erb +5 -5
  117. data/previews/primer/alpha/segmented_control_preview.rb +60 -60
  118. data/previews/primer/alpha/tab_nav_preview.rb +22 -22
  119. data/previews/primer/alpha/tab_panels_preview.rb +2 -2
  120. data/previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb +6 -6
  121. data/previews/primer/alpha/tooltip_preview.rb +12 -12
  122. data/previews/primer/alpha/underline_nav_preview.rb +4 -4
  123. data/previews/primer/alpha/underline_panels_preview.rb +8 -8
  124. data/previews/primer/beta/auto_complete_item_preview/default.html.erb +2 -2
  125. data/previews/primer/beta/auto_complete_item_preview/playground.html.erb +2 -2
  126. data/previews/primer/beta/auto_complete_item_preview/with_description.html.erb +3 -3
  127. data/previews/primer/beta/auto_complete_preview/with_submit_button.html.erb +2 -2
  128. data/previews/primer/beta/auto_complete_preview.rb +18 -18
  129. data/previews/primer/beta/avatar_stack_preview.rb +32 -32
  130. data/previews/primer/beta/blankslate_preview.rb +40 -40
  131. data/previews/primer/beta/border_box_preview.rb +38 -38
  132. data/previews/primer/beta/breadcrumbs_preview.rb +2 -2
  133. data/previews/primer/beta/button_group_preview.rb +10 -10
  134. data/previews/primer/beta/button_preview/all_schemes.html.erb +4 -4
  135. data/previews/primer/beta/button_preview/invisible_all_visuals.html.erb +16 -16
  136. data/previews/primer/beta/button_preview/leading_visual.html.erb +2 -2
  137. data/previews/primer/beta/button_preview/trailing_action.html.erb +2 -2
  138. data/previews/primer/beta/button_preview/trailing_visual.html.erb +2 -2
  139. data/previews/primer/beta/button_preview/with_tooltip.html.erb +2 -2
  140. data/previews/primer/beta/details_preview.rb +6 -6
  141. data/previews/primer/beta/relative_time_preview.rb +15 -0
  142. data/previews/primer/beta/state_preview.rb +66 -0
  143. data/previews/primer/beta/subhead_preview/actions.html.erb +14 -0
  144. data/previews/primer/beta/subhead_preview.rb +99 -0
  145. data/previews/primer/beta/timeline_item_preview.rb +30 -0
  146. data/previews/primer/forms/forms_preview/example_toggle_switch_form.html.erb +1 -0
  147. data/previews/primer/forms/forms_preview.rb +2 -0
  148. data/static/arguments.json +189 -183
  149. data/static/audited_at.json +6 -0
  150. data/static/constants.json +78 -56
  151. data/static/statuses.json +12 -6
  152. metadata +39 -25
  153. data/app/components/primer/state_component.css.json +0 -1
  154. data/app/components/primer/state_component.css.map +0 -1
  155. data/app/components/primer/subhead_component.css.json +0 -1
  156. data/app/components/primer/subhead_component.css.map +0 -1
  157. data/app/components/primer/timeline_item_component.css.json +0 -1
  158. data/app/components/primer/timeline_item_component.css.map +0 -1
  159. data/previews/primer/hellip_button_preview.rb +0 -22
  160. data/previews/primer/state_component_preview.rb +0 -26
  161. data/previews/primer/subhead_component_preview.rb +0 -40
  162. data/previews/primer/timeline_item_component_preview.rb +0 -28
@@ -0,0 +1,30 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Primer
4
+ module Beta
5
+ # @label TimelineItem
6
+ class TimelineItemPreview < ViewComponent::Preview
7
+ # @label Playground
8
+ #
9
+ # @param condensed [Boolean]
10
+ def playground(condensed: false)
11
+ render(Primer::Beta::TimelineItem.new(condensed: condensed)) do |component|
12
+ component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "octocat")
13
+ component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check)
14
+ component.with_body { "Success!" }
15
+ end
16
+ end
17
+
18
+ # @label Default
19
+ #
20
+ # @param condensed [Boolean]
21
+ def default(condensed: false)
22
+ render(Primer::Beta::TimelineItem.new(condensed: condensed)) do |component|
23
+ component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "octocat")
24
+ component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check)
25
+ component.with_body { "Success!" }
26
+ end
27
+ end
28
+ end
29
+ end
30
+ end
@@ -0,0 +1 @@
1
+ <%= render(ExampleToggleSwitchForm.new(csrf: "let_me_in", src: toggle_switch_index_path)) %>
@@ -39,6 +39,8 @@ module Primer
39
39
  def name_with_question_mark_form; end
40
40
 
41
41
  def immediate_validation_form; end
42
+
43
+ def example_toggle_switch_form; end
42
44
  end
43
45
  end
44
46
  end