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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +90 -0
- data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
- data/app/assets/javascripts/app/components/primer/alpha/x_banner.d.ts +3 -1
- 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/item.rb +17 -6
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +2 -0
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/action_list.pcss +4 -2
- data/app/components/primer/alpha/action_list.rb +61 -6
- data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +3 -2
- data/app/components/primer/alpha/action_menu/action_menu_element.js +17 -3
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +20 -6
- data/app/components/primer/alpha/action_menu/list.rb +63 -34
- data/app/components/primer/alpha/action_menu.rb +12 -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.html.erb +1 -1
- data/app/components/primer/alpha/banner.rb +12 -39
- 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.pcss +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/group.rb +12 -3
- data/app/components/primer/alpha/nav_list.rb +79 -84
- 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/tool_tip.js +3 -3
- data/app/components/primer/alpha/tool_tip.ts +3 -3
- 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/alpha/x_banner.d.ts +3 -1
- data/app/components/primer/alpha/x_banner.js +24 -10
- data/app/components/primer/alpha/x_banner.ts +14 -12
- data/app/components/primer/base_component.rb +1 -1
- 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 +1 -19
- 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.map +1 -1
- data/app/components/primer/beta/button.pcss +3 -3
- data/app/components/primer/beta/button.rb +2 -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.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/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/forms/submit_button_form.rb +1 -1
- data/lib/primer/accessibility.rb +1 -1
- data/lib/primer/classify/utilities.yml +2 -0
- data/lib/primer/deprecations.yml +3 -3
- data/lib/primer/forms/button.rb +0 -5
- data/lib/primer/forms/dsl/input.rb +3 -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 +2 -2
- data/lib/primer/yard/lookbook_pages_backend.rb +31 -0
- data/lib/primer/yard.rb +8 -9
- data/lib/tasks/custom_utilities.yml +2 -0
- data/previews/primer/alpha/action_list_preview.rb +89 -17
- data/previews/primer/alpha/action_menu_preview.rb +79 -37
- data/previews/primer/alpha/banner_preview/with_action_button.html.erb +1 -1
- data/previews/primer/alpha/banner_preview/with_action_content.html.erb +1 -1
- data/previews/primer/alpha/banner_preview.rb +11 -14
- data/previews/primer/alpha/nav_list_preview.rb +17 -0
- 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/static/arguments.json +18 -13
- data/static/constants.json +6 -0
- data/static/info_arch.json +493 -36
- data/static/previews.json +15 -15
- metadata +3 -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
|
data/static/arguments.json
CHANGED
@@ -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": "
|
525
|
-
"type": "
|
526
|
-
"default": "`
|
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": "
|
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
|
{
|
data/static/constants.json
CHANGED
@@ -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",
|