primer_view_components 0.25.0 → 0.26.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 +28 -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.css +1 -1
- data/app/components/primer/beta/breadcrumbs.css.map +1 -1
- data/app/components/primer/beta/breadcrumbs.pcss +0 -1
- 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 +1 -1
- data/previews/primer/alpha/banner_preview.rb +1 -1
- data/previews/primer/alpha/text_field_preview.rb +13 -2
- data/previews/primer/beta/breadcrumbs_preview/with_beta_truncate.html.erb +15 -0
- data/previews/primer/beta/breadcrumbs_preview/with_deprecated_truncate.html.erb +14 -0
- data/previews/primer/beta/breadcrumbs_preview.rb +21 -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 +104 -13
- data/static/previews.json +91 -0
- metadata +11 -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",
|
@@ -10921,6 +10915,45 @@
|
|
10921
10915
|
"color-contrast"
|
10922
10916
|
]
|
10923
10917
|
}
|
10918
|
+
},
|
10919
|
+
{
|
10920
|
+
"preview_path": "primer/beta/breadcrumbs/with_beta_truncate",
|
10921
|
+
"name": "with_beta_truncate",
|
10922
|
+
"snapshot": "true",
|
10923
|
+
"skip_rules": {
|
10924
|
+
"wont_fix": [
|
10925
|
+
"region"
|
10926
|
+
],
|
10927
|
+
"will_fix": [
|
10928
|
+
"color-contrast"
|
10929
|
+
]
|
10930
|
+
}
|
10931
|
+
},
|
10932
|
+
{
|
10933
|
+
"preview_path": "primer/beta/breadcrumbs/with_deprecated_truncate",
|
10934
|
+
"name": "with_deprecated_truncate",
|
10935
|
+
"snapshot": "true",
|
10936
|
+
"skip_rules": {
|
10937
|
+
"wont_fix": [
|
10938
|
+
"region"
|
10939
|
+
],
|
10940
|
+
"will_fix": [
|
10941
|
+
"color-contrast"
|
10942
|
+
]
|
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
|
+
}
|
10924
10957
|
}
|
10925
10958
|
],
|
10926
10959
|
"subcomponents": [
|
@@ -12614,7 +12647,7 @@
|
|
12614
12647
|
{
|
12615
12648
|
"fully_qualified_name": "Primer::Beta::IconButton",
|
12616
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`.",
|
12617
|
-
"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",
|
12618
12651
|
"is_form_component": false,
|
12619
12652
|
"is_published": true,
|
12620
12653
|
"requires_js": false,
|
@@ -12763,6 +12796,32 @@
|
|
12763
12796
|
"color-contrast"
|
12764
12797
|
]
|
12765
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
|
+
}
|
12766
12825
|
}
|
12767
12826
|
],
|
12768
12827
|
"subcomponents": [
|
@@ -14470,6 +14529,12 @@
|
|
14470
14529
|
"default": "`nil`",
|
14471
14530
|
"description": "Provide a custom title to the element."
|
14472
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
|
+
},
|
14473
14538
|
{
|
14474
14539
|
"name": "system_arguments",
|
14475
14540
|
"type": "Hash",
|
@@ -14548,6 +14613,32 @@
|
|
14548
14613
|
"color-contrast"
|
14549
14614
|
]
|
14550
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
|
+
}
|
14551
14642
|
}
|
14552
14643
|
],
|
14553
14644
|
"subcomponents": [
|
data/static/previews.json
CHANGED
@@ -2011,6 +2011,45 @@
|
|
2011
2011
|
"color-contrast"
|
2012
2012
|
]
|
2013
2013
|
}
|
2014
|
+
},
|
2015
|
+
{
|
2016
|
+
"preview_path": "primer/beta/breadcrumbs/with_beta_truncate",
|
2017
|
+
"name": "with_beta_truncate",
|
2018
|
+
"snapshot": "true",
|
2019
|
+
"skip_rules": {
|
2020
|
+
"wont_fix": [
|
2021
|
+
"region"
|
2022
|
+
],
|
2023
|
+
"will_fix": [
|
2024
|
+
"color-contrast"
|
2025
|
+
]
|
2026
|
+
}
|
2027
|
+
},
|
2028
|
+
{
|
2029
|
+
"preview_path": "primer/beta/breadcrumbs/with_deprecated_truncate",
|
2030
|
+
"name": "with_deprecated_truncate",
|
2031
|
+
"snapshot": "true",
|
2032
|
+
"skip_rules": {
|
2033
|
+
"wont_fix": [
|
2034
|
+
"region"
|
2035
|
+
],
|
2036
|
+
"will_fix": [
|
2037
|
+
"color-contrast"
|
2038
|
+
]
|
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
|
+
}
|
2014
2053
|
}
|
2015
2054
|
]
|
2016
2055
|
},
|
@@ -3897,6 +3936,32 @@
|
|
3897
3936
|
"color-contrast"
|
3898
3937
|
]
|
3899
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
|
+
}
|
3900
3965
|
}
|
3901
3966
|
]
|
3902
3967
|
},
|
@@ -5434,6 +5499,32 @@
|
|
5434
5499
|
"color-contrast"
|
5435
5500
|
]
|
5436
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
|
+
}
|
5437
5528
|
}
|
5438
5529
|
]
|
5439
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
|
@@ -813,6 +817,8 @@ files:
|
|
813
817
|
- previews/primer/beta/blankslate_preview/inside_flex_container.html.erb
|
814
818
|
- previews/primer/beta/border_box_preview.rb
|
815
819
|
- previews/primer/beta/breadcrumbs_preview.rb
|
820
|
+
- previews/primer/beta/breadcrumbs_preview/with_beta_truncate.html.erb
|
821
|
+
- previews/primer/beta/breadcrumbs_preview/with_deprecated_truncate.html.erb
|
816
822
|
- previews/primer/beta/button_group_preview.rb
|
817
823
|
- previews/primer/beta/button_group_preview/with_menu_button.html.erb
|
818
824
|
- previews/primer/beta/button_preview.rb
|
@@ -837,6 +843,7 @@ files:
|
|
837
843
|
- previews/primer/beta/flash_preview.rb
|
838
844
|
- previews/primer/beta/heading_preview.rb
|
839
845
|
- previews/primer/beta/icon_button_preview.rb
|
846
|
+
- previews/primer/beta/icon_button_preview/summary_as_button.html.erb
|
840
847
|
- previews/primer/beta/label_preview.rb
|
841
848
|
- previews/primer/beta/link_preview.rb
|
842
849
|
- previews/primer/beta/markdown_preview.rb
|
@@ -846,6 +853,7 @@ files:
|
|
846
853
|
- previews/primer/beta/popover_preview.rb
|
847
854
|
- previews/primer/beta/progress_bar_preview.rb
|
848
855
|
- previews/primer/beta/relative_time_preview.rb
|
856
|
+
- previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb
|
849
857
|
- previews/primer/beta/spinner_preview.rb
|
850
858
|
- previews/primer/beta/state_preview.rb
|
851
859
|
- previews/primer/beta/subhead_preview.rb
|
@@ -905,7 +913,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
905
913
|
- !ruby/object:Gem::Version
|
906
914
|
version: '0'
|
907
915
|
requirements: []
|
908
|
-
rubygems_version: 3.
|
916
|
+
rubygems_version: 3.5.11
|
909
917
|
signing_key:
|
910
918
|
specification_version: 4
|
911
919
|
summary: ViewComponents for the Primer Design System
|