primer_view_components 0.5.1 → 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (169) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +90 -0
  3. data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
  4. data/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +3 -1
  5. data/app/assets/javascripts/primer_view_components.js +1 -1
  6. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  7. data/app/assets/styles/primer_view_components.css +1 -1
  8. data/app/assets/styles/primer_view_components.css.map +1 -1
  9. data/app/components/primer/alpha/action_bar.rb +0 -8
  10. data/app/components/primer/alpha/action_list/item.rb +17 -6
  11. data/app/components/primer/alpha/action_list.css +1 -1
  12. data/app/components/primer/alpha/action_list.css.json +2 -0
  13. data/app/components/primer/alpha/action_list.css.map +1 -1
  14. data/app/components/primer/alpha/action_list.pcss +4 -2
  15. data/app/components/primer/alpha/action_list.rb +61 -6
  16. data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
  17. data/app/components/primer/alpha/action_menu/action_menu_element.js +17 -3
  18. data/app/components/primer/alpha/action_menu/action_menu_element.ts +20 -6
  19. data/app/components/primer/alpha/action_menu/list.rb +63 -34
  20. data/app/components/primer/alpha/action_menu.rb +12 -269
  21. data/app/components/primer/alpha/auto_complete/item.rb +0 -12
  22. data/app/components/primer/alpha/auto_complete.css +1 -1
  23. data/app/components/primer/alpha/auto_complete.css.map +1 -1
  24. data/app/components/primer/alpha/auto_complete.rb +0 -47
  25. data/app/components/primer/alpha/banner.css +1 -1
  26. data/app/components/primer/alpha/banner.css.map +1 -1
  27. data/app/components/primer/alpha/banner.html.erb +1 -1
  28. data/app/components/primer/alpha/banner.rb +12 -39
  29. data/app/components/primer/alpha/button_marketing.rb +0 -12
  30. data/app/components/primer/alpha/dialog.css +1 -1
  31. data/app/components/primer/alpha/dialog.css.map +1 -1
  32. data/app/components/primer/alpha/dialog.pcss +1 -1
  33. data/app/components/primer/alpha/dialog.rb +2 -18
  34. data/app/components/primer/alpha/dropdown.css +1 -1
  35. data/app/components/primer/alpha/dropdown.css.map +1 -1
  36. data/app/components/primer/alpha/dropdown.rb +0 -105
  37. data/app/components/primer/alpha/form_control.rb +0 -11
  38. data/app/components/primer/alpha/hellip_button.rb +0 -9
  39. data/app/components/primer/alpha/hidden_text_expander.rb +0 -9
  40. data/app/components/primer/alpha/image.rb +0 -16
  41. data/app/components/primer/alpha/image_crop.rb +0 -11
  42. data/app/components/primer/alpha/layout.css +1 -1
  43. data/app/components/primer/alpha/layout.css.map +1 -1
  44. data/app/components/primer/alpha/layout.pcss +1 -1
  45. data/app/components/primer/alpha/layout.rb +0 -118
  46. data/app/components/primer/alpha/menu.css +1 -1
  47. data/app/components/primer/alpha/menu.css.map +1 -1
  48. data/app/components/primer/alpha/menu.rb +0 -19
  49. data/app/components/primer/alpha/multi_input.rb +0 -33
  50. data/app/components/primer/alpha/nav_list/group.rb +12 -3
  51. data/app/components/primer/alpha/nav_list.rb +79 -84
  52. data/app/components/primer/alpha/navigation/tab.rb +0 -35
  53. data/app/components/primer/alpha/octicon_symbols.rb +0 -6
  54. data/app/components/primer/alpha/overlay.rb +0 -14
  55. data/app/components/primer/alpha/segmented_control.css +1 -1
  56. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  57. data/app/components/primer/alpha/segmented_control.rb +0 -61
  58. data/app/components/primer/alpha/tab_container.rb +0 -18
  59. data/app/components/primer/alpha/tab_nav.css +1 -1
  60. data/app/components/primer/alpha/tab_nav.css.map +1 -1
  61. data/app/components/primer/alpha/tab_nav.rb +0 -63
  62. data/app/components/primer/alpha/tab_panels.rb +0 -16
  63. data/app/components/primer/alpha/text_field.css +1 -1
  64. data/app/components/primer/alpha/text_field.css.map +1 -1
  65. data/app/components/primer/alpha/text_field.rb +0 -68
  66. data/app/components/primer/alpha/toggle_switch.css +1 -1
  67. data/app/components/primer/alpha/toggle_switch.css.map +1 -1
  68. data/app/components/primer/alpha/toggle_switch.rb +0 -18
  69. data/app/components/primer/alpha/tool_tip.js +3 -3
  70. data/app/components/primer/alpha/tool_tip.ts +3 -3
  71. data/app/components/primer/alpha/tooltip.rb +1 -69
  72. data/app/components/primer/alpha/underline_nav.css +1 -1
  73. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  74. data/app/components/primer/alpha/underline_nav.rb +0 -61
  75. data/app/components/primer/alpha/underline_panels.rb +0 -19
  76. data/app/components/primer/alpha/x_banner.d.ts +3 -1
  77. data/app/components/primer/alpha/x_banner.js +24 -10
  78. data/app/components/primer/alpha/x_banner.ts +14 -12
  79. data/app/components/primer/base_component.rb +1 -1
  80. data/app/components/primer/beta/auto_complete/item.rb +0 -8
  81. data/app/components/primer/beta/auto_complete.rb +0 -56
  82. data/app/components/primer/beta/avatar.css +1 -1
  83. data/app/components/primer/beta/avatar.css.map +1 -1
  84. data/app/components/primer/beta/avatar.rb +1 -19
  85. data/app/components/primer/beta/avatar_stack.css +1 -1
  86. data/app/components/primer/beta/avatar_stack.css.map +1 -1
  87. data/app/components/primer/beta/avatar_stack.rb +0 -21
  88. data/app/components/primer/beta/base_button.rb +0 -4
  89. data/app/components/primer/beta/blankslate.css +1 -1
  90. data/app/components/primer/beta/blankslate.css.map +1 -1
  91. data/app/components/primer/beta/blankslate.rb +0 -104
  92. data/app/components/primer/beta/border_box/header.rb +4 -11
  93. data/app/components/primer/beta/border_box.css +1 -1
  94. data/app/components/primer/beta/border_box.css.map +1 -1
  95. data/app/components/primer/beta/border_box.html.erb +2 -2
  96. data/app/components/primer/beta/border_box.rb +11 -55
  97. data/app/components/primer/beta/breadcrumbs.rb +0 -7
  98. data/app/components/primer/beta/button.css +1 -1
  99. data/app/components/primer/beta/button.css.map +1 -1
  100. data/app/components/primer/beta/button.pcss +3 -3
  101. data/app/components/primer/beta/button.rb +2 -43
  102. data/app/components/primer/beta/button_group.css +1 -1
  103. data/app/components/primer/beta/button_group.css.map +1 -1
  104. data/app/components/primer/beta/button_group.rb +0 -16
  105. data/app/components/primer/beta/clipboard_copy.rb +0 -12
  106. data/app/components/primer/beta/close_button.rb +0 -3
  107. data/app/components/primer/beta/counter.rb +0 -8
  108. data/app/components/primer/beta/details.rb +0 -11
  109. data/app/components/primer/beta/flash.css +1 -1
  110. data/app/components/primer/beta/flash.css.map +1 -1
  111. data/app/components/primer/beta/flash.rb +1 -23
  112. data/app/components/primer/beta/heading.rb +0 -8
  113. data/app/components/primer/beta/icon_button.rb +0 -21
  114. data/app/components/primer/beta/label.css +1 -1
  115. data/app/components/primer/beta/label.css.map +1 -1
  116. data/app/components/primer/beta/label.rb +0 -20
  117. data/app/components/primer/beta/link.rb +0 -22
  118. data/app/components/primer/beta/markdown.rb +1 -262
  119. data/app/components/primer/beta/octicon.rb +0 -10
  120. data/app/components/primer/beta/popover.css +1 -1
  121. data/app/components/primer/beta/popover.css.map +1 -1
  122. data/app/components/primer/beta/popover.rb +0 -43
  123. data/app/components/primer/beta/progress_bar.rb +1 -22
  124. data/app/components/primer/beta/relative_time.rb +0 -9
  125. data/app/components/primer/beta/spinner.rb +2 -10
  126. data/app/components/primer/beta/state.rb +0 -13
  127. data/app/components/primer/beta/subhead.rb +0 -55
  128. data/app/components/primer/beta/text.rb +0 -4
  129. data/app/components/primer/beta/timeline_item.css +1 -1
  130. data/app/components/primer/beta/timeline_item.css.map +1 -1
  131. data/app/components/primer/beta/timeline_item.rb +0 -9
  132. data/app/components/primer/beta/truncate.rb +0 -50
  133. data/app/components/primer/blankslate_component.rb +0 -76
  134. data/app/components/primer/box.rb +0 -6
  135. data/app/components/primer/button_component.rb +0 -49
  136. data/app/components/primer/conditional_wrapper.rb +2 -17
  137. data/app/components/primer/icon_button.rb +0 -30
  138. data/app/components/primer/layout_component.rb +0 -12
  139. data/app/components/primer/tooltip.rb +0 -27
  140. data/app/components/primer/truncate.rb +0 -19
  141. data/app/forms/submit_button_form.rb +1 -1
  142. data/lib/primer/accessibility.rb +1 -1
  143. data/lib/primer/classify/utilities.yml +2 -0
  144. data/lib/primer/deprecations.yml +3 -3
  145. data/lib/primer/forms/button.rb +0 -5
  146. data/lib/primer/forms/dsl/input.rb +3 -0
  147. data/lib/primer/static/generate_info_arch.rb +1 -0
  148. data/lib/primer/view_components/linters/details_menu_migration.rb +1 -1
  149. data/lib/primer/view_components/linters/migrations/truncate_component.rb +45 -0
  150. data/lib/primer/view_components/linters/tooltipped_migration.rb +1 -1
  151. data/lib/primer/view_components/linters.rb +1 -0
  152. data/lib/primer/view_components/version.rb +2 -2
  153. data/lib/primer/yard/lookbook_pages_backend.rb +31 -0
  154. data/lib/primer/yard.rb +8 -9
  155. data/lib/tasks/custom_utilities.yml +2 -0
  156. data/previews/primer/alpha/action_list_preview.rb +89 -17
  157. data/previews/primer/alpha/action_menu_preview.rb +79 -37
  158. data/previews/primer/alpha/banner_preview/with_action_button.html.erb +1 -1
  159. data/previews/primer/alpha/banner_preview/with_action_content.html.erb +1 -1
  160. data/previews/primer/alpha/banner_preview.rb +11 -14
  161. data/previews/primer/alpha/nav_list_preview.rb +17 -0
  162. data/previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb +3 -3
  163. data/previews/primer/alpha/tooltip_preview.rb +11 -23
  164. data/static/arguments.json +18 -13
  165. data/static/constants.json +6 -0
  166. data/static/info_arch.json +493 -36
  167. data/static/previews.json +15 -15
  168. metadata +3 -3
  169. data/lib/primer/yard/legacy_gatsby_backend.rb +0 -233
@@ -4,40 +4,29 @@ module Primer
4
4
  module Alpha
5
5
  # @label Tooltip
6
6
  class TooltipPreview < ViewComponent::Preview
7
- # @param type [Symbol] select [["Description", description], ["Label", label]]
8
7
  # @param direction select [s, n, e, w, ne, nw, se, sw]
9
8
  # @param tooltip_text text
10
- def playground(type: :description, direction: :s, tooltip_text: "You can press a button")
9
+ def playground(direction: :s, tooltip_text: "You can press a button")
11
10
  render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
12
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
11
+ component.with_tooltip(text: tooltip_text, direction: direction)
13
12
  "Button"
14
13
  end
15
14
  end
16
15
 
17
- # @param type [Symbol] select [["Description", description], ["Label", label]]
18
16
  # @param direction select [s, n, e, w, ne, nw, se, sw]
19
17
  # @param tooltip_text text
20
- def default(type: :description, direction: :s, tooltip_text: "You can press a button")
18
+ def default(direction: :s, tooltip_text: "You can press a button")
21
19
  render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
22
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
20
+ component.with_tooltip(text: tooltip_text, direction: direction)
23
21
  "Button"
24
22
  end
25
23
  end
26
24
 
27
25
  # @param direction select [s, n, e, w, ne, nw, se, sw]
28
26
  # @param tooltip_text text
29
- def label_tooltip_on_button_with_existing_labelledby(type: :label, direction: :s, tooltip_text: "You can press a button")
30
- render(Primer::Beta::Button.new(id: "button-with-existing-label", "aria-labelledby": "existing-label-id")) do |component|
31
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
32
- "Button"
33
- end
34
- end
35
-
36
- # @param direction select [s, n, e, w, ne, nw, se, sw]
37
- # @param tooltip_text text
38
- def description_tooltip_on_button_with_existing_describedby(type: :description, direction: :s, tooltip_text: "You can press a button")
27
+ def description_tooltip_on_button_with_existing_describedby(direction: :s, tooltip_text: "You can press a button")
39
28
  render(Primer::Beta::Button.new(id: "button-with-existing-description", "aria-describedby": "existing-description-id")) do |component|
40
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
29
+ component.with_tooltip(text: tooltip_text, direction: direction)
41
30
  "Button"
42
31
  end
43
32
  end
@@ -56,10 +45,9 @@ module Primer
56
45
 
57
46
  # @param direction select [s, n, e, w, ne, nw, se, sw]
58
47
  # @param tooltip_text text
59
- def with_multiple_on_a_page(type: :description, direction: :s, tooltip_text: "You can press a button")
48
+ def with_multiple_on_a_page(direction: :s, tooltip_text: "You can press a button")
60
49
  render_with_template(
61
50
  locals: {
62
- type: type,
63
51
  direction: direction,
64
52
  tooltip_text: tooltip_text
65
53
  }
@@ -68,17 +56,17 @@ module Primer
68
56
 
69
57
  # @!group Tooltip enabled elements
70
58
  # @label Tooltip with Primer::Beta::Button
71
- def tooltip_with_button(type: :description, direction: :s, tooltip_text: "You can press a button")
59
+ def tooltip_with_button(direction: :s, tooltip_text: "You can press a button")
72
60
  render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
73
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
61
+ component.with_tooltip(text: tooltip_text, direction: direction)
74
62
  "Button"
75
63
  end
76
64
  end
77
65
 
78
66
  # @label Tooltip with Primer::Beta::Link
79
- def tooltip_with_link(type: :description, direction: :s, tooltip_text: "You can press a button")
67
+ def tooltip_with_link(direction: :s, tooltip_text: "You can press a button")
80
68
  render(Primer::Beta::Link.new(href: "#link-with-tooltip", id: "link-with-tooltip")) do |component|
81
- component.with_tooltip(text: tooltip_text, type: type, direction: direction)
69
+ component.with_tooltip(text: tooltip_text, direction: direction)
82
70
  "Button"
83
71
  end
84
72
  end
@@ -270,7 +270,7 @@
270
270
  "name": "description_scheme",
271
271
  "type": "Symbol",
272
272
  "default": "`:block`",
273
- "description": "Display description inline with label, or block on the next line."
273
+ "description": "Display description inline with label, or block on the next line. One of `:block` or `:inline`."
274
274
  },
275
275
  {
276
276
  "name": "active",
@@ -521,10 +521,10 @@
521
521
  "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
522
522
  },
523
523
  {
524
- "name": "dismissible",
525
- "type": "Boolean",
526
- "default": "`false`",
527
- "description": "Whether the component can be dismissed with an \"x\" button."
524
+ "name": "dismiss_scheme",
525
+ "type": "Symbol",
526
+ "default": "`:none`",
527
+ "description": "Whether the component can be dismissed with an \"x\" button. One of `:hide`, `:none`, or `:remove`."
528
528
  },
529
529
  {
530
530
  "name": "description",
@@ -544,12 +544,6 @@
544
544
  "default": "`:default`",
545
545
  "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
546
546
  },
547
- {
548
- "name": "reappear",
549
- "type": "Boolean",
550
- "default": "`false`",
551
- "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
552
- },
553
547
  {
554
548
  "name": "system_arguments",
555
549
  "type": "Hash",
@@ -2986,7 +2980,7 @@
2986
2980
  {
2987
2981
  "name": "alt",
2988
2982
  "type": "String",
2989
- "default": "N/A",
2983
+ "default": "`nil`",
2990
2984
  "description": "Passed through to alt on img tag."
2991
2985
  },
2992
2986
  {
@@ -4254,7 +4248,18 @@
4254
4248
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
4255
4249
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/default/",
4256
4250
  "parameters": [
4257
-
4251
+ {
4252
+ "name": "condition",
4253
+ "type": "Boolean",
4254
+ "default": "N/A",
4255
+ "description": "Whether or not to wrap the content in a `Primer::BaseComponent`."
4256
+ },
4257
+ {
4258
+ "name": "base_component_arguments",
4259
+ "type": "Hash",
4260
+ "default": "N/A",
4261
+ "description": "The arguments to pass to `Primer::BaseComponent`."
4262
+ }
4258
4263
  ]
4259
4264
  },
4260
4265
  {
@@ -146,6 +146,7 @@
146
146
  "Primer::Alpha::AutoComplete::Item": {
147
147
  },
148
148
  "Primer::Alpha::Banner": {
149
+ "DEFAULT_DISMISS_SCHEME": "none",
149
150
  "DEFAULT_ICONS": {
150
151
  "default": "bell",
151
152
  "warning": "alert",
@@ -153,6 +154,11 @@
153
154
  "success": "check-circle"
154
155
  },
155
156
  "DEFAULT_SCHEME": "default",
157
+ "DISMISS_SCHEMES": [
158
+ "none",
159
+ "remove",
160
+ "hide"
161
+ ],
156
162
  "LEGACY_SCHEME_MAPPINGS": {
157
163
  "default": "",
158
164
  "warning": "flash-warn",