openproject-primer_view_components 0.33.2 → 0.35.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 +26 -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/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/open_project/page_header.html.erb +3 -0
- data/app/components/primer/open_project/page_header.rb +16 -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 +11 -0
- 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/previews/primer/open_project/page_header_preview.rb +53 -5
- 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 +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": [
|
@@ -16891,6 +16956,32 @@
|
|
16891
16956
|
"color-contrast"
|
16892
16957
|
]
|
16893
16958
|
}
|
16959
|
+
},
|
16960
|
+
{
|
16961
|
+
"preview_path": "primer/open_project/page_header/segmented_control",
|
16962
|
+
"name": "segmented_control",
|
16963
|
+
"snapshot": "false",
|
16964
|
+
"skip_rules": {
|
16965
|
+
"wont_fix": [
|
16966
|
+
"region"
|
16967
|
+
],
|
16968
|
+
"will_fix": [
|
16969
|
+
"color-contrast"
|
16970
|
+
]
|
16971
|
+
}
|
16972
|
+
},
|
16973
|
+
{
|
16974
|
+
"preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
|
16975
|
+
"name": "segmented_control_mobile_icons",
|
16976
|
+
"snapshot": "false",
|
16977
|
+
"skip_rules": {
|
16978
|
+
"wont_fix": [
|
16979
|
+
"region"
|
16980
|
+
],
|
16981
|
+
"will_fix": [
|
16982
|
+
"color-contrast"
|
16983
|
+
]
|
16984
|
+
}
|
16894
16985
|
}
|
16895
16986
|
],
|
16896
16987
|
"subcomponents": [
|
data/static/previews.json
CHANGED
@@ -2084,6 +2084,19 @@
|
|
2084
2084
|
"color-contrast"
|
2085
2085
|
]
|
2086
2086
|
}
|
2087
|
+
},
|
2088
|
+
{
|
2089
|
+
"preview_path": "primer/beta/breadcrumbs/with_link_target",
|
2090
|
+
"name": "with_link_target",
|
2091
|
+
"snapshot": "false",
|
2092
|
+
"skip_rules": {
|
2093
|
+
"wont_fix": [
|
2094
|
+
"region"
|
2095
|
+
],
|
2096
|
+
"will_fix": [
|
2097
|
+
"color-contrast"
|
2098
|
+
]
|
2099
|
+
}
|
2087
2100
|
}
|
2088
2101
|
]
|
2089
2102
|
},
|
@@ -4111,6 +4124,32 @@
|
|
4111
4124
|
"color-contrast"
|
4112
4125
|
]
|
4113
4126
|
}
|
4127
|
+
},
|
4128
|
+
{
|
4129
|
+
"preview_path": "primer/beta/icon_button/link_as_button",
|
4130
|
+
"name": "link_as_button",
|
4131
|
+
"snapshot": "true",
|
4132
|
+
"skip_rules": {
|
4133
|
+
"wont_fix": [
|
4134
|
+
"region"
|
4135
|
+
],
|
4136
|
+
"will_fix": [
|
4137
|
+
"color-contrast"
|
4138
|
+
]
|
4139
|
+
}
|
4140
|
+
},
|
4141
|
+
{
|
4142
|
+
"preview_path": "primer/beta/icon_button/summary_as_button",
|
4143
|
+
"name": "summary_as_button",
|
4144
|
+
"snapshot": "true",
|
4145
|
+
"skip_rules": {
|
4146
|
+
"wont_fix": [
|
4147
|
+
"region"
|
4148
|
+
],
|
4149
|
+
"will_fix": [
|
4150
|
+
"color-contrast"
|
4151
|
+
]
|
4152
|
+
}
|
4114
4153
|
}
|
4115
4154
|
]
|
4116
4155
|
},
|
@@ -5429,6 +5468,32 @@
|
|
5429
5468
|
"color-contrast"
|
5430
5469
|
]
|
5431
5470
|
}
|
5471
|
+
},
|
5472
|
+
{
|
5473
|
+
"preview_path": "primer/open_project/page_header/segmented_control",
|
5474
|
+
"name": "segmented_control",
|
5475
|
+
"snapshot": "false",
|
5476
|
+
"skip_rules": {
|
5477
|
+
"wont_fix": [
|
5478
|
+
"region"
|
5479
|
+
],
|
5480
|
+
"will_fix": [
|
5481
|
+
"color-contrast"
|
5482
|
+
]
|
5483
|
+
}
|
5484
|
+
},
|
5485
|
+
{
|
5486
|
+
"preview_path": "primer/open_project/page_header/segmented_control_mobile_icons",
|
5487
|
+
"name": "segmented_control_mobile_icons",
|
5488
|
+
"snapshot": "false",
|
5489
|
+
"skip_rules": {
|
5490
|
+
"wont_fix": [
|
5491
|
+
"region"
|
5492
|
+
],
|
5493
|
+
"will_fix": [
|
5494
|
+
"color-contrast"
|
5495
|
+
]
|
5496
|
+
}
|
5432
5497
|
}
|
5433
5498
|
]
|
5434
5499
|
},
|
@@ -5859,6 +5924,32 @@
|
|
5859
5924
|
"color-contrast"
|
5860
5925
|
]
|
5861
5926
|
}
|
5927
|
+
},
|
5928
|
+
{
|
5929
|
+
"preview_path": "primer/beta/relative_time/no_title_attribute",
|
5930
|
+
"name": "no_title_attribute",
|
5931
|
+
"snapshot": "true",
|
5932
|
+
"skip_rules": {
|
5933
|
+
"wont_fix": [
|
5934
|
+
"region"
|
5935
|
+
],
|
5936
|
+
"will_fix": [
|
5937
|
+
"color-contrast"
|
5938
|
+
]
|
5939
|
+
}
|
5940
|
+
},
|
5941
|
+
{
|
5942
|
+
"preview_path": "primer/beta/relative_time/link_with_tooltip",
|
5943
|
+
"name": "link_with_tooltip",
|
5944
|
+
"snapshot": "true",
|
5945
|
+
"skip_rules": {
|
5946
|
+
"wont_fix": [
|
5947
|
+
"region"
|
5948
|
+
],
|
5949
|
+
"will_fix": [
|
5950
|
+
"color-contrast"
|
5951
|
+
]
|
5952
|
+
}
|
5862
5953
|
}
|
5863
5954
|
]
|
5864
5955
|
},
|
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: openproject-primer_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.
|
4
|
+
version: 0.35.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GitHub Open Source
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2024-06-
|
12
|
+
date: 2024-06-20 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionview
|
@@ -293,7 +293,11 @@ files:
|
|
293
293
|
- app/components/primer/alpha/underline_nav.html.erb
|
294
294
|
- app/components/primer/alpha/underline_nav.pcss
|
295
295
|
- app/components/primer/alpha/underline_nav.rb
|
296
|
+
- app/components/primer/alpha/underline_panels.css
|
297
|
+
- app/components/primer/alpha/underline_panels.css.json
|
298
|
+
- app/components/primer/alpha/underline_panels.css.map
|
296
299
|
- app/components/primer/alpha/underline_panels.html.erb
|
300
|
+
- app/components/primer/alpha/underline_panels.pcss
|
297
301
|
- app/components/primer/alpha/underline_panels.rb
|
298
302
|
- app/components/primer/alpha/x_banner.d.ts
|
299
303
|
- app/components/primer/alpha/x_banner.js
|
@@ -893,6 +897,7 @@ files:
|
|
893
897
|
- previews/primer/beta/flash_preview.rb
|
894
898
|
- previews/primer/beta/heading_preview.rb
|
895
899
|
- previews/primer/beta/icon_button_preview.rb
|
900
|
+
- previews/primer/beta/icon_button_preview/summary_as_button.html.erb
|
896
901
|
- previews/primer/beta/label_preview.rb
|
897
902
|
- previews/primer/beta/link_preview.rb
|
898
903
|
- previews/primer/beta/markdown_preview.rb
|
@@ -902,6 +907,7 @@ files:
|
|
902
907
|
- previews/primer/beta/popover_preview.rb
|
903
908
|
- previews/primer/beta/progress_bar_preview.rb
|
904
909
|
- previews/primer/beta/relative_time_preview.rb
|
910
|
+
- previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb
|
905
911
|
- previews/primer/beta/spinner_preview.rb
|
906
912
|
- previews/primer/beta/state_preview.rb
|
907
913
|
- previews/primer/beta/subhead_preview.rb
|
@@ -977,7 +983,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
977
983
|
- !ruby/object:Gem::Version
|
978
984
|
version: '0'
|
979
985
|
requirements: []
|
980
|
-
rubygems_version: 3.
|
986
|
+
rubygems_version: 3.5.11
|
981
987
|
signing_key:
|
982
988
|
specification_version: 4
|
983
989
|
summary: ViewComponents of the Primer Design System for OpenProject
|