primer_view_components 0.25.1 → 0.26.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/CHANGELOG.md +20 -0
- data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +27 -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_menu/action_menu_element.js +13 -43
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +13 -51
- data/app/components/primer/alpha/tab_nav.css +1 -1
- data/app/components/primer/alpha/tab_nav.css.json +2 -0
- data/app/components/primer/alpha/tab_nav.css.map +1 -1
- data/app/components/primer/alpha/tab_nav.pcss +11 -1
- data/app/components/primer/alpha/tab_panels.html.erb +5 -9
- data/app/components/primer/alpha/tab_panels.rb +4 -13
- data/app/components/primer/alpha/text_field.rb +1 -0
- data/app/components/primer/alpha/underline_nav.css +1 -1
- data/app/components/primer/alpha/underline_nav.css.json +2 -0
- data/app/components/primer/alpha/underline_nav.css.map +1 -1
- data/app/components/primer/alpha/underline_nav.pcss +7 -1
- data/app/components/primer/alpha/underline_panels.css +1 -0
- data/app/components/primer/alpha/underline_panels.css.json +6 -0
- data/app/components/primer/alpha/underline_panels.css.map +1 -0
- data/app/components/primer/alpha/underline_panels.html.erb +6 -8
- data/app/components/primer/alpha/underline_panels.pcss +4 -0
- data/app/components/primer/alpha/underline_panels.rb +6 -14
- data/app/components/primer/beta/breadcrumbs.rb +3 -2
- data/app/components/primer/beta/icon_button.rb +5 -0
- data/app/components/primer/beta/relative_time.rb +3 -0
- data/app/components/primer/beta/spinner.html.erb +3 -0
- data/app/components/primer/beta/spinner.rb +15 -1
- data/app/components/primer/primer.pcss +1 -0
- data/lib/primer/forms/dsl/text_field_input.rb +8 -1
- data/lib/primer/forms/primer_text_field.d.ts +27 -0
- data/lib/primer/forms/primer_text_field.js +17 -5
- data/lib/primer/forms/primer_text_field.ts +24 -5
- data/lib/primer/forms/text_field.html.erb +6 -2
- data/lib/primer/view_components/version.rb +2 -2
- data/previews/primer/alpha/text_field_preview.rb +13 -2
- data/previews/primer/beta/breadcrumbs_preview.rb +9 -0
- data/previews/primer/beta/icon_button_preview/summary_as_button.html.erb +12 -0
- data/previews/primer/beta/icon_button_preview.rb +95 -14
- data/previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb +13 -0
- data/previews/primer/beta/relative_time_preview.rb +12 -0
- data/previews/primer/beta/spinner_preview.rb +2 -2
- data/static/arguments.json +12 -12
- data/static/constants.json +1 -0
- data/static/info_arch.json +78 -13
- data/static/previews.json +65 -0
- metadata +9 -3
data/static/info_arch.json
CHANGED
|
@@ -7628,18 +7628,6 @@
|
|
|
7628
7628
|
"default": "N/A",
|
|
7629
7629
|
"description": "One of `:left` or `:right`. - Defaults to left"
|
|
7630
7630
|
},
|
|
7631
|
-
{
|
|
7632
|
-
"name": "body_arguments",
|
|
7633
|
-
"type": "Hash",
|
|
7634
|
-
"default": "`{}`",
|
|
7635
|
-
"description": "{{link_to_system_arguments_docs}} for the body wrapper."
|
|
7636
|
-
},
|
|
7637
|
-
{
|
|
7638
|
-
"name": "wrapper_arguments",
|
|
7639
|
-
"type": "Hash",
|
|
7640
|
-
"default": "`{}`",
|
|
7641
|
-
"description": "{{link_to_system_arguments_docs}} for the `TabContainer` wrapper."
|
|
7642
|
-
},
|
|
7643
7631
|
{
|
|
7644
7632
|
"name": "system_arguments",
|
|
7645
7633
|
"type": "Hash",
|
|
@@ -8155,6 +8143,12 @@
|
|
|
8155
8143
|
"default": "N/A",
|
|
8156
8144
|
"description": "Renders a leading visual icon before the text field's cursor. The hash will be passed to Primer's {{#link_to_component}}Primer::Beta::Octicon{{/link_to_component}} component."
|
|
8157
8145
|
},
|
|
8146
|
+
{
|
|
8147
|
+
"name": "leading_spinner",
|
|
8148
|
+
"type": "Boolean",
|
|
8149
|
+
"default": "N/A",
|
|
8150
|
+
"description": "If `true`, a leading spinner will be included in the markup. The spinner can be shown via the `showLeadingSpinner()` JavaScript method, and hidden via `hideLeadingSpinner()`. If this argument is `true`, a leading visual must also be provided."
|
|
8151
|
+
},
|
|
8158
8152
|
{
|
|
8159
8153
|
"name": "show_clear_button",
|
|
8160
8154
|
"type": "Boolean",
|
|
@@ -10947,6 +10941,19 @@
|
|
|
10947
10941
|
"color-contrast"
|
|
10948
10942
|
]
|
|
10949
10943
|
}
|
|
10944
|
+
},
|
|
10945
|
+
{
|
|
10946
|
+
"preview_path": "primer/beta/breadcrumbs/with_link_target",
|
|
10947
|
+
"name": "with_link_target",
|
|
10948
|
+
"snapshot": "false",
|
|
10949
|
+
"skip_rules": {
|
|
10950
|
+
"wont_fix": [
|
|
10951
|
+
"region"
|
|
10952
|
+
],
|
|
10953
|
+
"will_fix": [
|
|
10954
|
+
"color-contrast"
|
|
10955
|
+
]
|
|
10956
|
+
}
|
|
10950
10957
|
}
|
|
10951
10958
|
],
|
|
10952
10959
|
"subcomponents": [
|
|
@@ -12640,7 +12647,7 @@
|
|
|
12640
12647
|
{
|
|
12641
12648
|
"fully_qualified_name": "Primer::Beta::IconButton",
|
|
12642
12649
|
"description": "Use `IconButton` to render Icon-only buttons without the default button styles.\n\n`IconButton` will always render with a tooltip unless the tag is `:summary`.",
|
|
12643
|
-
"accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)",
|
|
12650
|
+
"accessibility_docs": "`IconButton` requires an `aria-label`, which will provide assistive technologies with an accessible label.\nThe `aria-label` should describe the action to be invoked rather than the icon itself. For instance,\nif your `IconButton` renders a magnifying glass icon and invokes a search action, the `aria-label` should be\n`\"Search\"` instead of `\"Magnifying glass\"`.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\nEither `aria-label` or `aria-description` will be used for the `Tooltip` text, depending on which one is present.\n[Learn more about best functional image practices (WAI Images)](https://www.w3.org/WAI/tutorials/images/functional)\n\nAdditional markup is required if setting the `tag` argument to either `:a` or `:summary`.\n\n* `:a` requires you to pass in an `href` attribute\n* `:summary` requires you to wrap the component in a `<details>` element",
|
|
12644
12651
|
"is_form_component": false,
|
|
12645
12652
|
"is_published": true,
|
|
12646
12653
|
"requires_js": false,
|
|
@@ -12789,6 +12796,32 @@
|
|
|
12789
12796
|
"color-contrast"
|
|
12790
12797
|
]
|
|
12791
12798
|
}
|
|
12799
|
+
},
|
|
12800
|
+
{
|
|
12801
|
+
"preview_path": "primer/beta/icon_button/link_as_button",
|
|
12802
|
+
"name": "link_as_button",
|
|
12803
|
+
"snapshot": "true",
|
|
12804
|
+
"skip_rules": {
|
|
12805
|
+
"wont_fix": [
|
|
12806
|
+
"region"
|
|
12807
|
+
],
|
|
12808
|
+
"will_fix": [
|
|
12809
|
+
"color-contrast"
|
|
12810
|
+
]
|
|
12811
|
+
}
|
|
12812
|
+
},
|
|
12813
|
+
{
|
|
12814
|
+
"preview_path": "primer/beta/icon_button/summary_as_button",
|
|
12815
|
+
"name": "summary_as_button",
|
|
12816
|
+
"snapshot": "true",
|
|
12817
|
+
"skip_rules": {
|
|
12818
|
+
"wont_fix": [
|
|
12819
|
+
"region"
|
|
12820
|
+
],
|
|
12821
|
+
"will_fix": [
|
|
12822
|
+
"color-contrast"
|
|
12823
|
+
]
|
|
12824
|
+
}
|
|
12792
12825
|
}
|
|
12793
12826
|
],
|
|
12794
12827
|
"subcomponents": [
|
|
@@ -14496,6 +14529,12 @@
|
|
|
14496
14529
|
"default": "`nil`",
|
|
14497
14530
|
"description": "Provide a custom title to the element."
|
|
14498
14531
|
},
|
|
14532
|
+
{
|
|
14533
|
+
"name": "no_title",
|
|
14534
|
+
"type": "Boolean",
|
|
14535
|
+
"default": "`false`",
|
|
14536
|
+
"description": "Removes the `title` attribute provided on the element by default."
|
|
14537
|
+
},
|
|
14499
14538
|
{
|
|
14500
14539
|
"name": "system_arguments",
|
|
14501
14540
|
"type": "Hash",
|
|
@@ -14574,6 +14613,32 @@
|
|
|
14574
14613
|
"color-contrast"
|
|
14575
14614
|
]
|
|
14576
14615
|
}
|
|
14616
|
+
},
|
|
14617
|
+
{
|
|
14618
|
+
"preview_path": "primer/beta/relative_time/no_title_attribute",
|
|
14619
|
+
"name": "no_title_attribute",
|
|
14620
|
+
"snapshot": "true",
|
|
14621
|
+
"skip_rules": {
|
|
14622
|
+
"wont_fix": [
|
|
14623
|
+
"region"
|
|
14624
|
+
],
|
|
14625
|
+
"will_fix": [
|
|
14626
|
+
"color-contrast"
|
|
14627
|
+
]
|
|
14628
|
+
}
|
|
14629
|
+
},
|
|
14630
|
+
{
|
|
14631
|
+
"preview_path": "primer/beta/relative_time/link_with_tooltip",
|
|
14632
|
+
"name": "link_with_tooltip",
|
|
14633
|
+
"snapshot": "true",
|
|
14634
|
+
"skip_rules": {
|
|
14635
|
+
"wont_fix": [
|
|
14636
|
+
"region"
|
|
14637
|
+
],
|
|
14638
|
+
"will_fix": [
|
|
14639
|
+
"color-contrast"
|
|
14640
|
+
]
|
|
14641
|
+
}
|
|
14577
14642
|
}
|
|
14578
14643
|
],
|
|
14579
14644
|
"subcomponents": [
|
data/static/previews.json
CHANGED
|
@@ -2037,6 +2037,19 @@
|
|
|
2037
2037
|
"color-contrast"
|
|
2038
2038
|
]
|
|
2039
2039
|
}
|
|
2040
|
+
},
|
|
2041
|
+
{
|
|
2042
|
+
"preview_path": "primer/beta/breadcrumbs/with_link_target",
|
|
2043
|
+
"name": "with_link_target",
|
|
2044
|
+
"snapshot": "false",
|
|
2045
|
+
"skip_rules": {
|
|
2046
|
+
"wont_fix": [
|
|
2047
|
+
"region"
|
|
2048
|
+
],
|
|
2049
|
+
"will_fix": [
|
|
2050
|
+
"color-contrast"
|
|
2051
|
+
]
|
|
2052
|
+
}
|
|
2040
2053
|
}
|
|
2041
2054
|
]
|
|
2042
2055
|
},
|
|
@@ -3923,6 +3936,32 @@
|
|
|
3923
3936
|
"color-contrast"
|
|
3924
3937
|
]
|
|
3925
3938
|
}
|
|
3939
|
+
},
|
|
3940
|
+
{
|
|
3941
|
+
"preview_path": "primer/beta/icon_button/link_as_button",
|
|
3942
|
+
"name": "link_as_button",
|
|
3943
|
+
"snapshot": "true",
|
|
3944
|
+
"skip_rules": {
|
|
3945
|
+
"wont_fix": [
|
|
3946
|
+
"region"
|
|
3947
|
+
],
|
|
3948
|
+
"will_fix": [
|
|
3949
|
+
"color-contrast"
|
|
3950
|
+
]
|
|
3951
|
+
}
|
|
3952
|
+
},
|
|
3953
|
+
{
|
|
3954
|
+
"preview_path": "primer/beta/icon_button/summary_as_button",
|
|
3955
|
+
"name": "summary_as_button",
|
|
3956
|
+
"snapshot": "true",
|
|
3957
|
+
"skip_rules": {
|
|
3958
|
+
"wont_fix": [
|
|
3959
|
+
"region"
|
|
3960
|
+
],
|
|
3961
|
+
"will_fix": [
|
|
3962
|
+
"color-contrast"
|
|
3963
|
+
]
|
|
3964
|
+
}
|
|
3926
3965
|
}
|
|
3927
3966
|
]
|
|
3928
3967
|
},
|
|
@@ -5460,6 +5499,32 @@
|
|
|
5460
5499
|
"color-contrast"
|
|
5461
5500
|
]
|
|
5462
5501
|
}
|
|
5502
|
+
},
|
|
5503
|
+
{
|
|
5504
|
+
"preview_path": "primer/beta/relative_time/no_title_attribute",
|
|
5505
|
+
"name": "no_title_attribute",
|
|
5506
|
+
"snapshot": "true",
|
|
5507
|
+
"skip_rules": {
|
|
5508
|
+
"wont_fix": [
|
|
5509
|
+
"region"
|
|
5510
|
+
],
|
|
5511
|
+
"will_fix": [
|
|
5512
|
+
"color-contrast"
|
|
5513
|
+
]
|
|
5514
|
+
}
|
|
5515
|
+
},
|
|
5516
|
+
{
|
|
5517
|
+
"preview_path": "primer/beta/relative_time/link_with_tooltip",
|
|
5518
|
+
"name": "link_with_tooltip",
|
|
5519
|
+
"snapshot": "true",
|
|
5520
|
+
"skip_rules": {
|
|
5521
|
+
"wont_fix": [
|
|
5522
|
+
"region"
|
|
5523
|
+
],
|
|
5524
|
+
"will_fix": [
|
|
5525
|
+
"color-contrast"
|
|
5526
|
+
]
|
|
5527
|
+
}
|
|
5463
5528
|
}
|
|
5464
5529
|
]
|
|
5465
5530
|
},
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: primer_view_components
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.26.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- GitHub Open Source
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2024-
|
|
11
|
+
date: 2024-06-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: actionview
|
|
@@ -290,7 +290,11 @@ files:
|
|
|
290
290
|
- app/components/primer/alpha/underline_nav.html.erb
|
|
291
291
|
- app/components/primer/alpha/underline_nav.pcss
|
|
292
292
|
- app/components/primer/alpha/underline_nav.rb
|
|
293
|
+
- app/components/primer/alpha/underline_panels.css
|
|
294
|
+
- app/components/primer/alpha/underline_panels.css.json
|
|
295
|
+
- app/components/primer/alpha/underline_panels.css.map
|
|
293
296
|
- app/components/primer/alpha/underline_panels.html.erb
|
|
297
|
+
- app/components/primer/alpha/underline_panels.pcss
|
|
294
298
|
- app/components/primer/alpha/underline_panels.rb
|
|
295
299
|
- app/components/primer/alpha/x_banner.d.ts
|
|
296
300
|
- app/components/primer/alpha/x_banner.js
|
|
@@ -839,6 +843,7 @@ files:
|
|
|
839
843
|
- previews/primer/beta/flash_preview.rb
|
|
840
844
|
- previews/primer/beta/heading_preview.rb
|
|
841
845
|
- previews/primer/beta/icon_button_preview.rb
|
|
846
|
+
- previews/primer/beta/icon_button_preview/summary_as_button.html.erb
|
|
842
847
|
- previews/primer/beta/label_preview.rb
|
|
843
848
|
- previews/primer/beta/link_preview.rb
|
|
844
849
|
- previews/primer/beta/markdown_preview.rb
|
|
@@ -848,6 +853,7 @@ files:
|
|
|
848
853
|
- previews/primer/beta/popover_preview.rb
|
|
849
854
|
- previews/primer/beta/progress_bar_preview.rb
|
|
850
855
|
- previews/primer/beta/relative_time_preview.rb
|
|
856
|
+
- previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb
|
|
851
857
|
- previews/primer/beta/spinner_preview.rb
|
|
852
858
|
- previews/primer/beta/state_preview.rb
|
|
853
859
|
- previews/primer/beta/subhead_preview.rb
|
|
@@ -907,7 +913,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
907
913
|
- !ruby/object:Gem::Version
|
|
908
914
|
version: '0'
|
|
909
915
|
requirements: []
|
|
910
|
-
rubygems_version: 3.
|
|
916
|
+
rubygems_version: 3.5.11
|
|
911
917
|
signing_key:
|
|
912
918
|
specification_version: 4
|
|
913
919
|
summary: ViewComponents for the Primer Design System
|