primer_view_components 0.6.0 → 0.8.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +62 -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_bar.rb +0 -8
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +1 -0
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/action_list.pcss +6 -0
- data/app/components/primer/alpha/action_menu/action_menu_element.js +45 -7
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +49 -6
- data/app/components/primer/alpha/action_menu.rb +0 -269
- data/app/components/primer/alpha/auto_complete/item.rb +0 -12
- data/app/components/primer/alpha/auto_complete.css +1 -1
- data/app/components/primer/alpha/auto_complete.css.map +1 -1
- data/app/components/primer/alpha/auto_complete.rb +0 -47
- 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.rb +0 -31
- data/app/components/primer/alpha/button_marketing.rb +0 -12
- data/app/components/primer/alpha/dialog.css +1 -1
- data/app/components/primer/alpha/dialog.css.map +1 -1
- data/app/components/primer/alpha/dialog.rb +2 -18
- data/app/components/primer/alpha/dropdown.css +1 -1
- data/app/components/primer/alpha/dropdown.css.map +1 -1
- data/app/components/primer/alpha/dropdown.rb +0 -105
- data/app/components/primer/alpha/form_control.rb +0 -11
- data/app/components/primer/alpha/hellip_button.rb +0 -9
- data/app/components/primer/alpha/hidden_text_expander.rb +0 -9
- data/app/components/primer/alpha/image.rb +0 -16
- data/app/components/primer/alpha/image_crop.rb +0 -11
- data/app/components/primer/alpha/layout.css +1 -1
- data/app/components/primer/alpha/layout.css.map +1 -1
- data/app/components/primer/alpha/layout.pcss +1 -1
- data/app/components/primer/alpha/layout.rb +0 -118
- data/app/components/primer/alpha/menu.css +1 -1
- data/app/components/primer/alpha/menu.css.map +1 -1
- data/app/components/primer/alpha/menu.rb +0 -19
- data/app/components/primer/alpha/multi_input.rb +0 -33
- data/app/components/primer/alpha/nav_list.rb +0 -69
- data/app/components/primer/alpha/navigation/tab.rb +0 -35
- data/app/components/primer/alpha/octicon_symbols.rb +0 -6
- data/app/components/primer/alpha/overlay.rb +0 -14
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.rb +0 -61
- data/app/components/primer/alpha/tab_container.rb +0 -18
- data/app/components/primer/alpha/tab_nav.css +1 -1
- data/app/components/primer/alpha/tab_nav.css.map +1 -1
- data/app/components/primer/alpha/tab_nav.rb +0 -63
- data/app/components/primer/alpha/tab_panels.rb +0 -16
- data/app/components/primer/alpha/text_field.css +1 -1
- data/app/components/primer/alpha/text_field.css.map +1 -1
- data/app/components/primer/alpha/text_field.rb +0 -68
- data/app/components/primer/alpha/toggle_switch.css +1 -1
- data/app/components/primer/alpha/toggle_switch.css.map +1 -1
- data/app/components/primer/alpha/toggle_switch.rb +0 -18
- data/app/components/primer/alpha/tooltip.rb +1 -69
- data/app/components/primer/alpha/underline_nav.css +1 -1
- data/app/components/primer/alpha/underline_nav.css.map +1 -1
- data/app/components/primer/alpha/underline_nav.rb +0 -61
- data/app/components/primer/alpha/underline_panels.rb +0 -19
- data/app/components/primer/beta/auto_complete/item.rb +0 -8
- data/app/components/primer/beta/auto_complete.rb +0 -56
- data/app/components/primer/beta/avatar.css +1 -1
- data/app/components/primer/beta/avatar.css.map +1 -1
- data/app/components/primer/beta/avatar.rb +0 -18
- data/app/components/primer/beta/avatar_stack.css +1 -1
- data/app/components/primer/beta/avatar_stack.css.map +1 -1
- data/app/components/primer/beta/avatar_stack.rb +0 -21
- data/app/components/primer/beta/base_button.rb +0 -4
- data/app/components/primer/beta/blankslate.css +1 -1
- data/app/components/primer/beta/blankslate.css.map +1 -1
- data/app/components/primer/beta/blankslate.rb +0 -104
- data/app/components/primer/beta/border_box/header.rb +4 -11
- data/app/components/primer/beta/border_box.css +1 -1
- data/app/components/primer/beta/border_box.css.map +1 -1
- data/app/components/primer/beta/border_box.html.erb +2 -2
- data/app/components/primer/beta/border_box.rb +11 -55
- data/app/components/primer/beta/breadcrumbs.rb +0 -7
- data/app/components/primer/beta/button.css +1 -1
- data/app/components/primer/beta/button.css.json +1 -0
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +6 -2
- data/app/components/primer/beta/button.rb +7 -43
- data/app/components/primer/beta/button_group.css +1 -1
- data/app/components/primer/beta/button_group.css.map +1 -1
- data/app/components/primer/beta/button_group.rb +0 -16
- data/app/components/primer/beta/clipboard_copy.rb +0 -12
- data/app/components/primer/beta/close_button.rb +0 -3
- data/app/components/primer/beta/counter.rb +0 -8
- data/app/components/primer/beta/details.rb +0 -11
- data/app/components/primer/beta/flash.css +1 -1
- data/app/components/primer/beta/flash.css.map +1 -1
- data/app/components/primer/beta/flash.html.erb +1 -3
- data/app/components/primer/beta/flash.pcss +1 -2
- data/app/components/primer/beta/flash.rb +1 -23
- data/app/components/primer/beta/heading.rb +0 -8
- data/app/components/primer/beta/icon_button.rb +0 -21
- data/app/components/primer/beta/label.css +1 -1
- data/app/components/primer/beta/label.css.map +1 -1
- data/app/components/primer/beta/label.rb +0 -20
- data/app/components/primer/beta/link.rb +0 -22
- data/app/components/primer/beta/markdown.rb +1 -262
- data/app/components/primer/beta/octicon.rb +0 -10
- data/app/components/primer/beta/popover.css +1 -1
- data/app/components/primer/beta/popover.css.map +1 -1
- data/app/components/primer/beta/popover.rb +0 -43
- data/app/components/primer/beta/progress_bar.rb +1 -22
- data/app/components/primer/beta/relative_time.rb +0 -9
- data/app/components/primer/beta/spinner.rb +2 -10
- data/app/components/primer/beta/state.rb +0 -13
- data/app/components/primer/beta/subhead.rb +0 -55
- data/app/components/primer/beta/text.rb +0 -4
- data/app/components/primer/beta/timeline_item.css +1 -1
- data/app/components/primer/beta/timeline_item.css.map +1 -1
- data/app/components/primer/beta/timeline_item.rb +0 -9
- data/app/components/primer/beta/truncate.rb +0 -50
- data/app/components/primer/blankslate_component.rb +0 -76
- data/app/components/primer/box.rb +0 -6
- data/app/components/primer/button_component.rb +0 -49
- data/app/components/primer/component.rb +1 -1
- data/app/components/primer/conditional_wrapper.rb +2 -17
- data/app/components/primer/icon_button.rb +0 -30
- data/app/components/primer/layout_component.rb +0 -12
- data/app/components/primer/tooltip.rb +0 -27
- data/app/components/primer/truncate.rb +0 -19
- data/app/lib/primer/fetch_or_fallback_helper.rb +1 -1
- data/lib/primer/accessibility.rb +1 -1
- data/lib/primer/deprecations.yml +3 -3
- data/lib/primer/forms/dsl/input.rb +1 -0
- data/lib/primer/static/generate_info_arch.rb +1 -0
- data/lib/primer/view_components/linters/details_menu_migration.rb +1 -1
- data/lib/primer/view_components/linters/migrations/truncate_component.rb +45 -0
- data/lib/primer/view_components/linters/tooltipped_migration.rb +1 -1
- data/lib/primer/view_components/linters.rb +1 -0
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/primer/view_components.rb +18 -0
- data/lib/primer/yard.rb +8 -9
- data/previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb +3 -3
- data/previews/primer/alpha/tooltip_preview.rb +11 -23
- data/previews/primer/beta/button_preview/leading_visual.html.erb +2 -2
- data/previews/primer/beta/button_preview/leading_visual_svg.html.erb +12 -0
- data/previews/primer/beta/button_preview/trailing_counter.html.erb +1 -1
- data/previews/primer/beta/button_preview/trailing_visual.html.erb +1 -1
- data/previews/primer/beta/button_preview.rb +22 -0
- data/static/arguments.json +12 -1
- data/static/info_arch.json +136 -15
- data/static/previews.json +13 -13
- metadata +4 -3
- 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(
|
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,
|
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(
|
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,
|
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
|
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,
|
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(
|
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(
|
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,
|
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(
|
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,
|
69
|
+
component.with_tooltip(text: tooltip_text, direction: direction)
|
82
70
|
"Button"
|
83
71
|
end
|
84
72
|
end
|
@@ -0,0 +1,12 @@
|
|
1
|
+
<%= render(Primer::Beta::Button.new(
|
2
|
+
scheme: scheme,
|
3
|
+
size: size,
|
4
|
+
block: block,
|
5
|
+
id: "button-preview",
|
6
|
+
align_content: align_content
|
7
|
+
)) do |component| %>
|
8
|
+
<% component.with_leading_visual_svg do %>
|
9
|
+
<path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path>
|
10
|
+
<% end %>
|
11
|
+
Button
|
12
|
+
<% end %>
|
@@ -264,6 +264,28 @@ module Primer
|
|
264
264
|
})
|
265
265
|
end
|
266
266
|
|
267
|
+
# @label Leading visual SVG
|
268
|
+
# @param scheme select [default, primary, danger, invisible, link]
|
269
|
+
# @param size select [small, medium]
|
270
|
+
# @param block toggle
|
271
|
+
# @param align_content select [center, start]
|
272
|
+
# @snapshot
|
273
|
+
def leading_visual_svg(
|
274
|
+
scheme: :invisible,
|
275
|
+
size: :medium,
|
276
|
+
block: false,
|
277
|
+
id: "button-preview",
|
278
|
+
align_content: :center
|
279
|
+
)
|
280
|
+
render_with_template(locals: {
|
281
|
+
scheme: scheme,
|
282
|
+
size: size,
|
283
|
+
block: block,
|
284
|
+
id: id,
|
285
|
+
align_content: align_content
|
286
|
+
})
|
287
|
+
end
|
288
|
+
|
267
289
|
# @label Trailing action
|
268
290
|
# @param block toggle
|
269
291
|
# @param align_content select [center, start]
|
data/static/arguments.json
CHANGED
@@ -4248,7 +4248,18 @@
|
|
4248
4248
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
|
4249
4249
|
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/default/",
|
4250
4250
|
"parameters": [
|
4251
|
-
|
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
|
+
}
|
4252
4263
|
]
|
4253
4264
|
},
|
4254
4265
|
{
|