primer_view_components 0.0.120 → 0.0.122
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +58 -0
- data/app/assets/styles/primer_view_components.css +2 -2
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list.css.json +123 -1
- data/app/components/primer/alpha/auto_complete.css.json +23 -1
- data/app/components/primer/alpha/banner.css.json +24 -1
- data/app/components/primer/alpha/button_marketing.css.json +33 -1
- data/app/components/primer/alpha/check_box.rb +74 -0
- data/app/components/primer/alpha/check_box_group.rb +36 -0
- data/app/components/primer/alpha/dialog.css.json +82 -1
- data/app/components/primer/alpha/dialog.rb +1 -1
- data/app/components/primer/alpha/dropdown.css.json +40 -1
- data/app/components/primer/alpha/form_button.rb +32 -0
- data/app/components/primer/alpha/form_control.html.erb +26 -0
- data/app/components/primer/alpha/form_control.rb +105 -0
- data/app/components/primer/alpha/layout.css.json +80 -1
- data/app/components/primer/alpha/menu.css.json +28 -1
- data/app/components/primer/alpha/multi_input.rb +81 -0
- data/app/components/primer/alpha/radio_button.rb +25 -0
- data/app/components/primer/alpha/radio_button_group.rb +36 -0
- data/app/components/primer/alpha/segmented_control/item.rb +1 -0
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.json +31 -1
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.pcss +43 -12
- data/app/components/primer/alpha/segmented_control.rb +30 -0
- data/app/components/primer/alpha/select.rb +37 -0
- data/app/components/primer/alpha/submit_button.rb +32 -0
- data/app/components/primer/alpha/tab_nav.css.json +24 -1
- data/app/components/primer/alpha/tab_panels.rb +7 -0
- data/app/components/primer/alpha/text_area.rb +24 -0
- data/app/components/primer/alpha/text_field.css +2 -2
- data/app/components/primer/alpha/text_field.css.json +134 -1
- data/app/components/primer/alpha/text_field.css.map +1 -1
- data/app/components/primer/alpha/text_field.pcss +27 -0
- data/app/components/primer/alpha/text_field.rb +16 -20
- data/app/components/primer/alpha/toggle_switch.css +1 -1
- data/app/components/primer/alpha/toggle_switch.css.json +40 -1
- data/app/components/primer/alpha/toggle_switch.css.map +1 -1
- data/app/components/primer/alpha/toggle_switch.pcss +31 -61
- data/app/components/primer/alpha/underline_nav.css.json +28 -1
- data/app/components/primer/base_component.rb +3 -3
- data/app/components/primer/beta/avatar.css.json +17 -1
- data/app/components/primer/beta/avatar_stack.css.json +28 -1
- data/app/components/primer/beta/blankslate.css.json +22 -1
- data/app/components/primer/beta/border_box.css.json +54 -1
- data/app/components/primer/beta/breadcrumbs.css.json +11 -1
- data/app/components/primer/beta/button.css.json +71 -1
- data/app/components/primer/beta/close_button.rb +1 -1
- data/app/components/primer/beta/counter.css.json +10 -1
- data/app/components/primer/beta/flash.css.json +27 -1
- data/app/components/primer/beta/label.css.json +25 -1
- data/app/components/primer/beta/link.css.json +19 -1
- data/app/components/primer/beta/popover.css.json +39 -1
- data/app/components/primer/beta/progress_bar.css.json +10 -1
- data/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
- data/app/components/primer/{local_time.js → beta/relative_time.js} +0 -0
- data/app/components/primer/{local_time.ts → beta/relative_time.ts} +0 -0
- data/app/components/primer/beta/state.css.json +13 -1
- data/app/components/primer/beta/subhead.css.json +12 -1
- data/app/components/primer/beta/timeline_item.css.json +16 -1
- data/app/components/primer/beta/truncate.css.json +12 -1
- data/app/components/primer/component.rb +12 -3
- data/app/components/primer/primer.d.ts +1 -2
- data/app/components/primer/primer.js +1 -2
- data/app/components/primer/primer.ts +1 -2
- data/app/components/primer/truncate.css.json +13 -1
- data/app/forms/example_toggle_switch_form.rb +1 -1
- data/app/forms/{select_list_form.rb → select_form.rb} +1 -1
- data/app/lib/primer/css/layout.css.json +316 -1
- data/app/lib/primer/css/utilities.css.json +1659 -1
- data/app/lib/primer/view_helper.rb +0 -1
- data/lib/primer/deprecations.yml +0 -78
- data/lib/primer/form_components.rb +26 -6
- data/lib/primer/forms/acts_as_component.rb +12 -1
- data/lib/primer/forms/builder.rb +1 -17
- data/lib/primer/forms/button.rb +4 -1
- data/lib/primer/forms/check_box_group.html.erb +14 -9
- data/lib/primer/forms/check_box_group.rb +5 -0
- data/lib/primer/forms/dsl/check_box_group_input.rb +3 -4
- data/lib/primer/forms/dsl/input.rb +33 -2
- data/lib/primer/forms/dsl/input_methods.rb +49 -1
- data/lib/primer/forms/dsl/radio_button_group_input.rb +2 -3
- data/lib/primer/forms/dsl/{select_list_input.rb → select_input.rb} +2 -2
- data/lib/primer/forms/dsl/text_field_input.rb +7 -5
- data/lib/primer/forms/form_control.rb +0 -1
- data/lib/primer/forms/group.html.erb +1 -1
- data/lib/primer/forms/multi.html.erb +8 -6
- data/lib/primer/forms/multi.rb +2 -0
- data/lib/primer/forms/radio_button_group.html.erb +14 -9
- data/lib/primer/forms/radio_button_group.rb +5 -0
- data/lib/primer/forms/{select_list.html.erb → select.html.erb} +0 -0
- data/lib/primer/forms/{select_list.rb → select.rb} +2 -2
- data/lib/primer/forms/spacing_wrapper.html.erb +1 -1
- data/lib/primer/forms/text_area.rb +1 -1
- data/lib/primer/forms/text_field.rb +5 -1
- data/lib/primer/forms/toggle_switch_form.rb +10 -3
- data/lib/primer/forms/utils.rb +20 -0
- data/lib/primer/view_components/engine.rb +1 -1
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/primer/yard/backend.rb +1 -15
- data/lib/primer/yard/component_manifest.rb +44 -27
- data/lib/primer/yard/component_ref.rb +40 -0
- data/lib/primer/yard/docs_helper.rb +16 -2
- data/lib/primer/yard/legacy_gatsby_backend.rb +9 -15
- data/lib/primer/yard/lookbook_docs_helper.rb +32 -0
- data/lib/primer/yard/lookbook_pages_backend.rb +194 -0
- data/lib/primer/yard/registry.rb +6 -21
- data/lib/primer/yard/renders_many_handler.rb +1 -1
- data/lib/primer/yard/renders_one_handler.rb +1 -1
- data/lib/primer/yard.rb +14 -0
- data/lib/tasks/docs.rake +26 -13
- data/lib/tasks/static.rake +22 -0
- data/previews/pages/forms/01_introduction.md.erb +44 -0
- data/previews/pages/forms/02_getting_started.md.erb +125 -0
- data/previews/pages/forms/03_caption_templates.md.erb +30 -0
- data/previews/pages/forms/04_after_content.md.erb +39 -0
- data/previews/pages/forms/05_groups_layouts.md.erb +22 -0
- data/previews/pages/forms/06_miscellaneous_inputs.md.erb +43 -0
- data/previews/pages/forms/07_toggle_switch_forms.md.erb +58 -0
- data/previews/pages/forms/08_validations.md.erb +28 -0
- data/previews/pages/forms/09_compound_forms.md.erb +97 -0
- data/previews/primer/alpha/auto_complete_preview.rb +6 -6
- data/previews/primer/alpha/check_box_group_preview.rb +89 -0
- data/previews/primer/alpha/check_box_preview.rb +62 -0
- data/previews/primer/alpha/form_control_preview/playground.html.erb +9 -0
- data/previews/primer/alpha/form_control_preview.rb +106 -0
- data/previews/primer/alpha/multi_input_preview/playground.html.erb +41 -0
- data/previews/primer/alpha/multi_input_preview.rb +80 -0
- data/previews/primer/alpha/radio_button_group_preview.rb +83 -0
- data/previews/primer/alpha/radio_button_preview.rb +62 -0
- data/previews/primer/alpha/segmented_control_preview/with_label_and_caption.html.erb +9 -0
- data/previews/primer/alpha/segmented_control_preview/with_subhead_actions.html.erb +11 -0
- data/previews/primer/alpha/segmented_control_preview.rb +7 -1
- data/previews/primer/alpha/select_preview.rb +130 -0
- data/previews/primer/alpha/text_area_preview.rb +87 -0
- data/previews/primer/alpha/text_field_preview.rb +24 -1
- data/previews/primer/alpha/toggle_switch_preview.rb +9 -9
- data/previews/primer/beta/auto_complete_preview.rb +17 -17
- data/previews/primer/forms/forms_preview/example_toggle_switch_form.html.erb +2 -2
- data/previews/primer/forms/forms_preview/{select_list_form.html.erb → select_form.html.erb} +1 -1
- data/previews/primer/forms/forms_preview.rb +3 -1
- data/previews/primer/url_helpers.rb +1 -1
- data/static/arguments.json +1348 -1412
- data/static/audited_at.json +12 -21
- data/static/constants.json +20 -51
- data/static/previews.json +1812 -0
- data/static/statuses.json +10 -19
- metadata +47 -32
- data/app/components/primer/dropdown/menu.rb +0 -14
- data/app/components/primer/dropdown.rb +0 -7
- data/app/components/primer/hellip_button.rb +0 -7
- data/app/components/primer/label_component.rb +0 -7
- data/app/components/primer/link_component.rb +0 -7
- data/app/components/primer/local_time.rb +0 -63
- data/app/components/primer/markdown.rb +0 -7
- data/app/components/primer/menu_component.rb +0 -7
- data/app/components/primer/octicon_component.rb +0 -7
- data/app/components/primer/octicon_symbols_component.rb +0 -7
- data/app/components/primer/popover_component.rb +0 -8
- data/app/components/primer/spinner_component.rb +0 -7
- data/app/components/primer/state_component.rb +0 -7
- data/app/components/primer/subhead_component.rb +0 -7
- data/app/components/primer/tab_container_component.rb +0 -7
- data/app/components/primer/time_ago_component.d.ts +0 -1
- data/app/components/primer/time_ago_component.js +0 -1
- data/app/components/primer/time_ago_component.rb +0 -51
- data/app/components/primer/time_ago_component.ts +0 -1
- data/app/components/primer/timeline_item_component.rb +0 -13
- data/previews/primer/local_time_component_preview.rb +0 -57
- data/previews/primer/time_ago_component_preview.rb +0 -27
|
@@ -1 +1,27 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/flash",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".flash:not(.Banner)",
|
|
5
|
+
".flash:not(.Banner) .octicon",
|
|
6
|
+
".flash:not(.Banner) p:last-child",
|
|
7
|
+
".flash-messages",
|
|
8
|
+
".flash-close:not(.Banner-close)",
|
|
9
|
+
".flash-close:not(.Banner-close):hover",
|
|
10
|
+
".flash-close:not(.Banner-close):active",
|
|
11
|
+
".flash-close:not(.Banner-close) .octicon",
|
|
12
|
+
".flash-action:not(.Banner-actions)",
|
|
13
|
+
".flash-action.btn:not(.Banner-actions) .octicon",
|
|
14
|
+
".flash-action.btn-primary:not(.Banner-actions)",
|
|
15
|
+
".flash-action.btn-primary:not(.Banner-actions) .octicon",
|
|
16
|
+
".flash-warn:not(.Banner)",
|
|
17
|
+
".flash-warn:not(.Banner) .octicon",
|
|
18
|
+
".flash-error:not(.Banner)",
|
|
19
|
+
".flash-error:not(.Banner) .octicon",
|
|
20
|
+
".flash-success:not(.Banner)",
|
|
21
|
+
".flash-success:not(.Banner) .octicon",
|
|
22
|
+
".flash-full:not(.Banner)",
|
|
23
|
+
".flash-banner",
|
|
24
|
+
".flash-full",
|
|
25
|
+
".warning"
|
|
26
|
+
]
|
|
27
|
+
}
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/label",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".labels",
|
|
5
|
+
".Label",
|
|
6
|
+
".label",
|
|
7
|
+
".Label:hover",
|
|
8
|
+
".label:hover",
|
|
9
|
+
".Label--large",
|
|
10
|
+
".Label--inline",
|
|
11
|
+
".Label--primary",
|
|
12
|
+
".Label--secondary",
|
|
13
|
+
".Label--accent",
|
|
14
|
+
".Label--info",
|
|
15
|
+
".Label--success",
|
|
16
|
+
".Label--attention",
|
|
17
|
+
".Label--warning",
|
|
18
|
+
".Label--severe",
|
|
19
|
+
".Label--danger",
|
|
20
|
+
".Label--open",
|
|
21
|
+
".Label--closed",
|
|
22
|
+
".Label--done",
|
|
23
|
+
".Label--sponsors"
|
|
24
|
+
]
|
|
25
|
+
}
|
|
@@ -1 +1,19 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/link",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".Link",
|
|
5
|
+
".Link:hover",
|
|
6
|
+
".Link:focus",
|
|
7
|
+
".Link:focus-visible",
|
|
8
|
+
".Link--primary",
|
|
9
|
+
".Link--primary:hover",
|
|
10
|
+
".Link--secondary",
|
|
11
|
+
".Link--secondary:hover",
|
|
12
|
+
".Link--muted",
|
|
13
|
+
".Link--muted:hover",
|
|
14
|
+
".Link--onHover:hover",
|
|
15
|
+
".Link--muted:hover [class*=color-fg]",
|
|
16
|
+
".Link--primary:hover [class*=color-fg]",
|
|
17
|
+
".Link--secondary:hover [class*=color-fg]"
|
|
18
|
+
]
|
|
19
|
+
}
|
|
@@ -1 +1,39 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/popover",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".Popover",
|
|
5
|
+
".Popover-message",
|
|
6
|
+
".Popover-message:after",
|
|
7
|
+
".Popover-message:before",
|
|
8
|
+
".Popover-message--no-caret:after",
|
|
9
|
+
".Popover-message--no-caret:before",
|
|
10
|
+
".Popover-message--bottom-left:after",
|
|
11
|
+
".Popover-message--bottom-left:before",
|
|
12
|
+
".Popover-message--bottom-right:after",
|
|
13
|
+
".Popover-message--bottom-right:before",
|
|
14
|
+
".Popover-message--bottom:after",
|
|
15
|
+
".Popover-message--bottom:before",
|
|
16
|
+
".Popover-message--bottom-right",
|
|
17
|
+
".Popover-message--top-right",
|
|
18
|
+
".Popover-message--top-right:after",
|
|
19
|
+
".Popover-message--top-right:before",
|
|
20
|
+
".Popover-message--bottom-left",
|
|
21
|
+
".Popover-message--top-left",
|
|
22
|
+
".Popover-message--top-left:after",
|
|
23
|
+
".Popover-message--top-left:before",
|
|
24
|
+
".Popover-message--left-bottom:after",
|
|
25
|
+
".Popover-message--left-bottom:before",
|
|
26
|
+
".Popover-message--left-top:after",
|
|
27
|
+
".Popover-message--left-top:before",
|
|
28
|
+
".Popover-message--left:after",
|
|
29
|
+
".Popover-message--left:before",
|
|
30
|
+
".Popover-message--right-bottom:after",
|
|
31
|
+
".Popover-message--right-bottom:before",
|
|
32
|
+
".Popover-message--right-top:after",
|
|
33
|
+
".Popover-message--right-top:before",
|
|
34
|
+
".Popover-message--right:after",
|
|
35
|
+
".Popover-message--right:before",
|
|
36
|
+
".Popover-message--large",
|
|
37
|
+
".Popover-message>.btn-octicon"
|
|
38
|
+
]
|
|
39
|
+
}
|
|
@@ -1 +1,10 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/progress_bar",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".Progress",
|
|
5
|
+
".Progress--large",
|
|
6
|
+
".Progress--small",
|
|
7
|
+
".Progress-item",
|
|
8
|
+
".Progress-item+.Progress-item"
|
|
9
|
+
]
|
|
10
|
+
}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/state",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".State",
|
|
5
|
+
".state",
|
|
6
|
+
".State--draft",
|
|
7
|
+
".State--open",
|
|
8
|
+
".State--merged",
|
|
9
|
+
".State--closed",
|
|
10
|
+
".State--small",
|
|
11
|
+
".State--small .octicon"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/subhead",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".Subhead",
|
|
5
|
+
".Subhead--spacious",
|
|
6
|
+
".Subhead-heading",
|
|
7
|
+
".Subhead-heading--danger",
|
|
8
|
+
".Subhead-description",
|
|
9
|
+
".Subhead-actions",
|
|
10
|
+
".Subhead-actions+.Subhead-description"
|
|
11
|
+
]
|
|
12
|
+
}
|
|
@@ -1 +1,16 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/timeline_item",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".TimelineItem",
|
|
5
|
+
".TimelineItem:before",
|
|
6
|
+
".TimelineItem:target .TimelineItem-badge",
|
|
7
|
+
".TimelineItem-badge",
|
|
8
|
+
".TimelineItem-badge--success",
|
|
9
|
+
".TimelineItem-body",
|
|
10
|
+
".TimelineItem-avatar",
|
|
11
|
+
".TimelineItem-break",
|
|
12
|
+
".TimelineItem--condensed",
|
|
13
|
+
".TimelineItem--condensed:last-child",
|
|
14
|
+
".TimelineItem--condensed .TimelineItem-badge"
|
|
15
|
+
]
|
|
16
|
+
}
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "beta/truncate",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".Truncate",
|
|
5
|
+
".Truncate>.Truncate-text",
|
|
6
|
+
".Truncate>.Truncate-text+.Truncate-text",
|
|
7
|
+
".Truncate>.Truncate-text.Truncate-text--primary",
|
|
8
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:active",
|
|
9
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:focus",
|
|
10
|
+
".Truncate>.Truncate-text.Truncate-text--expandable:hover"
|
|
11
|
+
]
|
|
12
|
+
}
|
|
@@ -6,8 +6,16 @@ module Primer
|
|
|
6
6
|
# @private
|
|
7
7
|
# :nocov:
|
|
8
8
|
class Component < ViewComponent::Base
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
if Module.const_defined?("ViewComponent::SlotableV2") &&
|
|
10
|
+
!(ViewComponent::Base < ViewComponent::SlotableV2)
|
|
11
|
+
include ViewComponent::SlotableV2
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
if Module.const_defined?("ViewComponent::PolymorphicSlots") &&
|
|
15
|
+
ViewComponent::Base < ViewComponent::PolymorphicSlots
|
|
16
|
+
include ViewComponent::PolymorphicSlots
|
|
17
|
+
end
|
|
18
|
+
|
|
11
19
|
include ClassNameHelper
|
|
12
20
|
include FetchOrFallbackHelper
|
|
13
21
|
include TestSelectorHelper
|
|
@@ -52,7 +60,8 @@ module Primer
|
|
|
52
60
|
|
|
53
61
|
def validate_aria_label
|
|
54
62
|
aria_label = aria("label", @system_arguments)
|
|
55
|
-
|
|
63
|
+
aria_labelledby = aria("labelledby", @system_arguments)
|
|
64
|
+
raise ArgumentError, "`aria-label` or `aria-labelledby` is required." if aria_label.nil? && aria_labelledby.nil? && !Rails.env.production?
|
|
56
65
|
end
|
|
57
66
|
|
|
58
67
|
def silence_deprecations?
|
|
@@ -8,9 +8,8 @@ import './alpha/tool_tip';
|
|
|
8
8
|
import './alpha/x_banner';
|
|
9
9
|
import './beta/auto_complete/auto_complete';
|
|
10
10
|
import './beta/clipboard_copy';
|
|
11
|
-
import './
|
|
11
|
+
import './beta/relative_time';
|
|
12
12
|
import './alpha/tab_container';
|
|
13
|
-
import './time_ago_component';
|
|
14
13
|
import '../../../lib/primer/forms/primer_multi_input';
|
|
15
14
|
import '../../../lib/primer/forms/primer_text_field';
|
|
16
15
|
import '../../../lib/primer/forms/toggle_switch_input';
|
|
@@ -8,9 +8,8 @@ import './alpha/tool_tip';
|
|
|
8
8
|
import './alpha/x_banner';
|
|
9
9
|
import './beta/auto_complete/auto_complete';
|
|
10
10
|
import './beta/clipboard_copy';
|
|
11
|
-
import './
|
|
11
|
+
import './beta/relative_time';
|
|
12
12
|
import './alpha/tab_container';
|
|
13
|
-
import './time_ago_component';
|
|
14
13
|
import '../../../lib/primer/forms/primer_multi_input';
|
|
15
14
|
import '../../../lib/primer/forms/primer_text_field';
|
|
16
15
|
import '../../../lib/primer/forms/toggle_switch_input';
|
|
@@ -8,9 +8,8 @@ import './alpha/tool_tip'
|
|
|
8
8
|
import './alpha/x_banner'
|
|
9
9
|
import './beta/auto_complete/auto_complete'
|
|
10
10
|
import './beta/clipboard_copy'
|
|
11
|
-
import './
|
|
11
|
+
import './beta/relative_time'
|
|
12
12
|
import './alpha/tab_container'
|
|
13
|
-
import './time_ago_component'
|
|
14
13
|
import '../../../lib/primer/forms/primer_multi_input'
|
|
15
14
|
import '../../../lib/primer/forms/primer_text_field'
|
|
16
15
|
import '../../../lib/primer/forms/toggle_switch_input'
|
|
@@ -1 +1,13 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "truncate",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".css-truncate .css-truncate-overflow",
|
|
5
|
+
".css-truncate .css-truncate-target",
|
|
6
|
+
".css-truncate.css-truncate-overflow",
|
|
7
|
+
".css-truncate.css-truncate-target",
|
|
8
|
+
".css-truncate.expandable.css-truncate-target:hover",
|
|
9
|
+
".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",
|
|
10
|
+
".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",
|
|
11
|
+
".css-truncate.expandable:hover .css-truncate-target"
|
|
12
|
+
]
|
|
13
|
+
}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
# :nodoc:
|
|
4
4
|
class ExampleToggleSwitchForm < Primer::Forms::ToggleSwitchForm
|
|
5
5
|
def initialize(**system_arguments)
|
|
6
|
-
super(name: :example_field, label: "Example",
|
|
6
|
+
super(name: :example_field, label: "Example", **system_arguments)
|
|
7
7
|
end
|
|
8
8
|
end
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# frozen_string_literal: true
|
|
2
2
|
|
|
3
3
|
# :nodoc:
|
|
4
|
-
class
|
|
4
|
+
class SelectForm < ApplicationForm
|
|
5
5
|
form do |check_form|
|
|
6
6
|
check_form.select_list(name: "cities", label: "Cool cities", caption: "Select your favorite!", include_blank: true) do |city_list|
|
|
7
7
|
city_list.option(label: "Lopez Island", value: "lopez_island")
|
|
@@ -1 +1,316 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"name": "layout",
|
|
3
|
+
"selectors": [
|
|
4
|
+
".AppFrame .AppFrame-a11yNav",
|
|
5
|
+
".AppFrame .AppFrame-a11yNav:not(:focus-within)",
|
|
6
|
+
".AppFrame .AppFrame-a11yNav:focus-within",
|
|
7
|
+
".AppFrame .AppFrame-a11yLink",
|
|
8
|
+
".AppFrame .AppFrame-a11yLink:not(:focus)",
|
|
9
|
+
".AppFrame .AppFrame-a11yLink:focus",
|
|
10
|
+
".AppFrame .AppFrame-a11yLink:focus::after",
|
|
11
|
+
".AppFrame .AppFrame-main",
|
|
12
|
+
".AppFrame .AppFrame-header-wrapper",
|
|
13
|
+
".AppFrame .AppFrame-header-wrapper .AppFrame-header",
|
|
14
|
+
".AppFrame .AppFrame-header",
|
|
15
|
+
".AppFrame .AppFrame-subheader",
|
|
16
|
+
".AppFrame .AppFrame-body",
|
|
17
|
+
".AppFrame .AppFrame-footer",
|
|
18
|
+
".container-sm",
|
|
19
|
+
".container-md",
|
|
20
|
+
".container-lg",
|
|
21
|
+
".container-xl",
|
|
22
|
+
".col-1",
|
|
23
|
+
".col-2",
|
|
24
|
+
".col-3",
|
|
25
|
+
".col-4",
|
|
26
|
+
".col-5",
|
|
27
|
+
".col-6",
|
|
28
|
+
".col-7",
|
|
29
|
+
".col-8",
|
|
30
|
+
".col-9",
|
|
31
|
+
".col-10",
|
|
32
|
+
".col-11",
|
|
33
|
+
".col-12",
|
|
34
|
+
".col-sm-1",
|
|
35
|
+
".col-sm-2",
|
|
36
|
+
".col-sm-3",
|
|
37
|
+
".col-sm-4",
|
|
38
|
+
".col-sm-5",
|
|
39
|
+
".col-sm-6",
|
|
40
|
+
".col-sm-7",
|
|
41
|
+
".col-sm-8",
|
|
42
|
+
".col-sm-9",
|
|
43
|
+
".col-sm-10",
|
|
44
|
+
".col-sm-11",
|
|
45
|
+
".col-sm-12",
|
|
46
|
+
".col-md-1",
|
|
47
|
+
".col-md-2",
|
|
48
|
+
".col-md-3",
|
|
49
|
+
".col-md-4",
|
|
50
|
+
".col-md-5",
|
|
51
|
+
".col-md-6",
|
|
52
|
+
".col-md-7",
|
|
53
|
+
".col-md-8",
|
|
54
|
+
".col-md-9",
|
|
55
|
+
".col-md-10",
|
|
56
|
+
".col-md-11",
|
|
57
|
+
".col-md-12",
|
|
58
|
+
".col-lg-1",
|
|
59
|
+
".col-lg-2",
|
|
60
|
+
".col-lg-3",
|
|
61
|
+
".col-lg-4",
|
|
62
|
+
".col-lg-5",
|
|
63
|
+
".col-lg-6",
|
|
64
|
+
".col-lg-7",
|
|
65
|
+
".col-lg-8",
|
|
66
|
+
".col-lg-9",
|
|
67
|
+
".col-lg-10",
|
|
68
|
+
".col-lg-11",
|
|
69
|
+
".col-lg-12",
|
|
70
|
+
".col-xl-1",
|
|
71
|
+
".col-xl-2",
|
|
72
|
+
".col-xl-3",
|
|
73
|
+
".col-xl-4",
|
|
74
|
+
".col-xl-5",
|
|
75
|
+
".col-xl-6",
|
|
76
|
+
".col-xl-7",
|
|
77
|
+
".col-xl-8",
|
|
78
|
+
".col-xl-9",
|
|
79
|
+
".col-xl-10",
|
|
80
|
+
".col-xl-11",
|
|
81
|
+
".col-xl-12",
|
|
82
|
+
".gutter",
|
|
83
|
+
".gutter>[class*=col-]",
|
|
84
|
+
".gutter-condensed",
|
|
85
|
+
".gutter-condensed>[class*=col-]",
|
|
86
|
+
".gutter-spacious",
|
|
87
|
+
".gutter-spacious>[class*=col-]",
|
|
88
|
+
".gutter-sm",
|
|
89
|
+
".gutter-sm>[class*=col-]",
|
|
90
|
+
".gutter-sm-condensed",
|
|
91
|
+
".gutter-sm-condensed>[class*=col-]",
|
|
92
|
+
".gutter-sm-spacious",
|
|
93
|
+
".gutter-sm-spacious>[class*=col-]",
|
|
94
|
+
".gutter-md",
|
|
95
|
+
".gutter-md>[class*=col-]",
|
|
96
|
+
".gutter-md-condensed",
|
|
97
|
+
".gutter-md-condensed>[class*=col-]",
|
|
98
|
+
".gutter-md-spacious",
|
|
99
|
+
".gutter-md-spacious>[class*=col-]",
|
|
100
|
+
".gutter-lg",
|
|
101
|
+
".gutter-lg>[class*=col-]",
|
|
102
|
+
".gutter-lg-condensed",
|
|
103
|
+
".gutter-lg-condensed>[class*=col-]",
|
|
104
|
+
".gutter-lg-spacious",
|
|
105
|
+
".gutter-lg-spacious>[class*=col-]",
|
|
106
|
+
".gutter-xl",
|
|
107
|
+
".gutter-xl>[class*=col-]",
|
|
108
|
+
".gutter-xl-condensed",
|
|
109
|
+
".gutter-xl-condensed>[class*=col-]",
|
|
110
|
+
".gutter-xl-spacious",
|
|
111
|
+
".gutter-xl-spacious>[class*=col-]",
|
|
112
|
+
".offset-1",
|
|
113
|
+
".offset-2",
|
|
114
|
+
".offset-3",
|
|
115
|
+
".offset-4",
|
|
116
|
+
".offset-5",
|
|
117
|
+
".offset-6",
|
|
118
|
+
".offset-7",
|
|
119
|
+
".offset-8",
|
|
120
|
+
".offset-9",
|
|
121
|
+
".offset-10",
|
|
122
|
+
".offset-11",
|
|
123
|
+
".offset-sm-1",
|
|
124
|
+
".offset-sm-2",
|
|
125
|
+
".offset-sm-3",
|
|
126
|
+
".offset-sm-4",
|
|
127
|
+
".offset-sm-5",
|
|
128
|
+
".offset-sm-6",
|
|
129
|
+
".offset-sm-7",
|
|
130
|
+
".offset-sm-8",
|
|
131
|
+
".offset-sm-9",
|
|
132
|
+
".offset-sm-10",
|
|
133
|
+
".offset-sm-11",
|
|
134
|
+
".offset-md-1",
|
|
135
|
+
".offset-md-2",
|
|
136
|
+
".offset-md-3",
|
|
137
|
+
".offset-md-4",
|
|
138
|
+
".offset-md-5",
|
|
139
|
+
".offset-md-6",
|
|
140
|
+
".offset-md-7",
|
|
141
|
+
".offset-md-8",
|
|
142
|
+
".offset-md-9",
|
|
143
|
+
".offset-md-10",
|
|
144
|
+
".offset-md-11",
|
|
145
|
+
".offset-lg-1",
|
|
146
|
+
".offset-lg-2",
|
|
147
|
+
".offset-lg-3",
|
|
148
|
+
".offset-lg-4",
|
|
149
|
+
".offset-lg-5",
|
|
150
|
+
".offset-lg-6",
|
|
151
|
+
".offset-lg-7",
|
|
152
|
+
".offset-lg-8",
|
|
153
|
+
".offset-lg-9",
|
|
154
|
+
".offset-lg-10",
|
|
155
|
+
".offset-lg-11",
|
|
156
|
+
".offset-xl-1",
|
|
157
|
+
".offset-xl-2",
|
|
158
|
+
".offset-xl-3",
|
|
159
|
+
".offset-xl-4",
|
|
160
|
+
".offset-xl-5",
|
|
161
|
+
".offset-xl-6",
|
|
162
|
+
".offset-xl-7",
|
|
163
|
+
".offset-xl-8",
|
|
164
|
+
".offset-xl-9",
|
|
165
|
+
".offset-xl-10",
|
|
166
|
+
".offset-xl-11",
|
|
167
|
+
":root",
|
|
168
|
+
".PageLayout",
|
|
169
|
+
".PageLayout.PageLayout--panePos-start",
|
|
170
|
+
".PageLayout.PageLayout--panePos-end",
|
|
171
|
+
".PageLayout .PageLayout-header--hasDivider",
|
|
172
|
+
".PageLayout .PageLayout-footer--hasDivider",
|
|
173
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start .PageLayout-pane",
|
|
174
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-pane",
|
|
175
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) .PageLayout-content",
|
|
176
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end .PageLayout-pane",
|
|
177
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-pane",
|
|
178
|
+
".PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) .PageLayout-content",
|
|
179
|
+
".PageLayout .PageLayout-pane--sticky",
|
|
180
|
+
".PageLayout [class^=PageLayout-content-centered-]",
|
|
181
|
+
".PageLayout.PageLayout--hasPaneDivider [class^=PageLayout-content-centered-]",
|
|
182
|
+
".PageLayout.PageLayout--panePos-start [class^=PageLayout-content-centered-]>[class^=container-]",
|
|
183
|
+
".PageLayout.PageLayout--panePos-end [class^=PageLayout-content-centered-]>[class^=container-]",
|
|
184
|
+
".PageLayout .PageLayout-content-centered-sm",
|
|
185
|
+
".PageLayout .PageLayout-content-centered-md",
|
|
186
|
+
".PageLayout .PageLayout-content-centered-lg",
|
|
187
|
+
".PageLayout .PageLayout-content-centered-xl",
|
|
188
|
+
".PageLayout.PageLayout--paneWidth-narrow",
|
|
189
|
+
".PageLayout.PageLayout--paneWidth-wide",
|
|
190
|
+
".PageLayout.PageLayout--responsive-stackRegions",
|
|
191
|
+
".PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start",
|
|
192
|
+
".PageLayout.PageLayout--responsive-separateRegions",
|
|
193
|
+
".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content",
|
|
194
|
+
".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content .PageLayout-pane",
|
|
195
|
+
".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane",
|
|
196
|
+
".PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane .PageLayout-content",
|
|
197
|
+
".PageLayout .PageLayout-region--dividerNarrow-line-before",
|
|
198
|
+
".PageLayout .PageLayout-region--dividerNarrow-line-before::before",
|
|
199
|
+
".PageLayout .PageLayout-region--dividerNarrow-line-after",
|
|
200
|
+
".PageLayout .PageLayout-region--dividerNarrow-line-after::after",
|
|
201
|
+
".PageLayout .PageLayout-region--dividerNarrow-filled-before",
|
|
202
|
+
".PageLayout .PageLayout-region--dividerNarrow-filled-before::after",
|
|
203
|
+
".PageLayout .PageLayout-region--dividerNarrow-filled-after",
|
|
204
|
+
".PageLayout .PageLayout-region--dividerNarrow-filled-after::before",
|
|
205
|
+
".PageLayout-wrapper",
|
|
206
|
+
".PageLayout-columns",
|
|
207
|
+
".PageLayout-columns .PageLayout-content",
|
|
208
|
+
".PageLayout-columns .PageLayout-pane",
|
|
209
|
+
".PageLayout--outerSpacing-normal",
|
|
210
|
+
".PageLayout--outerSpacing-condensed",
|
|
211
|
+
".PageLayout--innerSpacing-normal",
|
|
212
|
+
".PageLayout--innerSpacing-condensed",
|
|
213
|
+
".PageLayout--columnGap-normal",
|
|
214
|
+
".PageLayout--columnGap-condensed",
|
|
215
|
+
".PageLayout--columnGap-none",
|
|
216
|
+
".PageLayout--rowGap-normal",
|
|
217
|
+
".PageLayout--rowGap-none",
|
|
218
|
+
".PageLayout--rowGap-condensed",
|
|
219
|
+
".PageLayout-header",
|
|
220
|
+
".PageLayout-content",
|
|
221
|
+
".PageLayout-pane",
|
|
222
|
+
".PageLayout-footer",
|
|
223
|
+
".Stack",
|
|
224
|
+
".Stack-divider",
|
|
225
|
+
".Stack-item",
|
|
226
|
+
".Stack--dir-inline-whenNarrow",
|
|
227
|
+
".Stack--dir-block-whenNarrow",
|
|
228
|
+
".Stack--gap-none-whenNarrow",
|
|
229
|
+
".Stack--gap-condensed-whenNarrow",
|
|
230
|
+
".Stack--gap-normal-whenNarrow",
|
|
231
|
+
".Stack--align-start-whenNarrow",
|
|
232
|
+
".Stack--align-center-whenNarrow",
|
|
233
|
+
".Stack--align-end-whenNarrow",
|
|
234
|
+
".Stack--align-baseline-whenNarrow",
|
|
235
|
+
".Stack--alignWrap-start-whenNarrow",
|
|
236
|
+
".Stack--alignWrap-center-whenNarrow",
|
|
237
|
+
".Stack--alignWrap-end-whenNarrow",
|
|
238
|
+
".Stack--alignWrap-distribute-whenNarrow",
|
|
239
|
+
".Stack--alignWrap-distributeEvenly-whenNarrow",
|
|
240
|
+
".Stack--spread-start-whenNarrow",
|
|
241
|
+
".Stack--spread-center-whenNarrow",
|
|
242
|
+
".Stack--spread-end-whenNarrow",
|
|
243
|
+
".Stack--spread-distribute-whenNarrow",
|
|
244
|
+
".Stack--spread-distributeEvenly-whenNarrow",
|
|
245
|
+
".Stack--wrap-whenNarrow",
|
|
246
|
+
".Stack--nowrap-whenNarrow",
|
|
247
|
+
".Stack--showDividers-whenNarrow>.Stack-divider",
|
|
248
|
+
".Stack--showDividers-whenNarrow>.Stack-item>.Stack-divider",
|
|
249
|
+
":not(.Stack--dir-inline-whenNarrow)>.Stack-divider",
|
|
250
|
+
":not(.Stack--dir-inline-whenNarrow)>.Stack-item>.Stack-divider",
|
|
251
|
+
".Stack--dir-inline-whenNarrow>.Stack-divider",
|
|
252
|
+
".Stack--dir-inline-whenNarrow>.Stack-item>.Stack-divider",
|
|
253
|
+
".Stack-item--expand-whenNarrow",
|
|
254
|
+
".Stack-item--keepSize-whenNarrow",
|
|
255
|
+
".Stack--dir-inline-whenRegular",
|
|
256
|
+
".Stack--dir-block-whenRegular",
|
|
257
|
+
".Stack--gap-none-whenRegular",
|
|
258
|
+
".Stack--gap-condensed-whenRegular",
|
|
259
|
+
".Stack--gap-normal-whenRegular",
|
|
260
|
+
".Stack--gap-spacious-whenRegular",
|
|
261
|
+
".Stack--align-start-whenRegular",
|
|
262
|
+
".Stack--align-center-whenRegular",
|
|
263
|
+
".Stack--align-end-whenRegular",
|
|
264
|
+
".Stack--align-baseline-whenRegular",
|
|
265
|
+
".Stack--alignWrap-start-whenRegular",
|
|
266
|
+
".Stack--alignWrap-center-whenRegular",
|
|
267
|
+
".Stack--alignWrap-end-whenRegular",
|
|
268
|
+
".Stack--alignWrap-distribute-whenRegular",
|
|
269
|
+
".Stack--alignWrap-distributeEvenly-whenRegular",
|
|
270
|
+
".Stack--spread-start-whenRegular",
|
|
271
|
+
".Stack--spread-center-whenRegular",
|
|
272
|
+
".Stack--spread-end-whenRegular",
|
|
273
|
+
".Stack--spread-distribute-whenRegular",
|
|
274
|
+
".Stack--spread-distributeEvenly-whenRegular",
|
|
275
|
+
".Stack--wrap-whenRegular",
|
|
276
|
+
".Stack--nowrap-whenRegular",
|
|
277
|
+
".Stack--showDividers-whenRegular>.Stack-divider",
|
|
278
|
+
".Stack--showDividers-whenRegular>.Stack-item>.Stack-divider",
|
|
279
|
+
":not(.Stack--dir-inline-whenRegular)>.Stack-divider",
|
|
280
|
+
":not(.Stack--dir-inline-whenRegular)>.Stack-item>.Stack-divider",
|
|
281
|
+
".Stack--dir-inline-whenRegular>.Stack-divider",
|
|
282
|
+
".Stack--dir-inline-whenRegular>.Stack-item>.Stack-divider",
|
|
283
|
+
".Stack-item--expand-whenRegular",
|
|
284
|
+
".Stack-item--keepSize-whenRegular",
|
|
285
|
+
".Stack--dir-inline-whenWide",
|
|
286
|
+
".Stack--dir-block-whenWide",
|
|
287
|
+
".Stack--gap-none-whenWide",
|
|
288
|
+
".Stack--gap-condensed-whenWide",
|
|
289
|
+
".Stack--gap-normal-whenWide",
|
|
290
|
+
".Stack--gap-spacious-whenWide",
|
|
291
|
+
".Stack--align-start-whenWide",
|
|
292
|
+
".Stack--align-center-whenWide",
|
|
293
|
+
".Stack--align-end-whenWide",
|
|
294
|
+
".Stack--align-baseline-whenWide",
|
|
295
|
+
".Stack--alignWrap-start-whenWide",
|
|
296
|
+
".Stack--alignWrap-center-whenWide",
|
|
297
|
+
".Stack--alignWrap-end-whenWide",
|
|
298
|
+
".Stack--alignWrap-distribute-whenWide",
|
|
299
|
+
".Stack--alignWrap-distributeEvenly-whenWide",
|
|
300
|
+
".Stack--spread-start-whenWide",
|
|
301
|
+
".Stack--spread-center-whenWide",
|
|
302
|
+
".Stack--spread-end-whenWide",
|
|
303
|
+
".Stack--spread-distribute-whenWide",
|
|
304
|
+
".Stack--spread-distributeEvenly-whenWide",
|
|
305
|
+
".Stack--wrap-whenWide",
|
|
306
|
+
".Stack--nowrap-whenWide",
|
|
307
|
+
".Stack--showDividers-whenWide>.Stack-divider",
|
|
308
|
+
".Stack--showDividers-whenWide>.Stack-item>.Stack-divider",
|
|
309
|
+
":not(.Stack--dir-inline-whenWide)>.Stack-divider",
|
|
310
|
+
":not(.Stack--dir-inline-whenWide)>.Stack-item>.Stack-divider",
|
|
311
|
+
".Stack--dir-inline-whenWide>.Stack-divider",
|
|
312
|
+
".Stack--dir-inline-whenWide>.Stack-item>.Stack-divider",
|
|
313
|
+
".Stack-item--expand-whenWide",
|
|
314
|
+
".Stack-item--keepSize-whenWide"
|
|
315
|
+
]
|
|
316
|
+
}
|