openproject-primer_view_components 0.34.0 → 0.35.1

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.
Files changed (50) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +26 -0
  3. data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +27 -0
  4. data/app/assets/javascripts/primer_view_components.js +1 -1
  5. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  6. data/app/assets/styles/primer_view_components.css +1 -1
  7. data/app/assets/styles/primer_view_components.css.map +1 -1
  8. data/app/components/primer/alpha/action_menu/action_menu_element.js +13 -43
  9. data/app/components/primer/alpha/action_menu/action_menu_element.ts +13 -51
  10. data/app/components/primer/alpha/tab_nav.css +1 -1
  11. data/app/components/primer/alpha/tab_nav.css.json +2 -0
  12. data/app/components/primer/alpha/tab_nav.css.map +1 -1
  13. data/app/components/primer/alpha/tab_nav.pcss +11 -1
  14. data/app/components/primer/alpha/tab_panels.html.erb +5 -9
  15. data/app/components/primer/alpha/tab_panels.rb +4 -13
  16. data/app/components/primer/alpha/text_field.rb +1 -0
  17. data/app/components/primer/alpha/underline_nav.css +1 -1
  18. data/app/components/primer/alpha/underline_nav.css.json +2 -0
  19. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  20. data/app/components/primer/alpha/underline_nav.pcss +7 -1
  21. data/app/components/primer/alpha/underline_panels.css +1 -0
  22. data/app/components/primer/alpha/underline_panels.css.json +6 -0
  23. data/app/components/primer/alpha/underline_panels.css.map +1 -0
  24. data/app/components/primer/alpha/underline_panels.html.erb +6 -8
  25. data/app/components/primer/alpha/underline_panels.pcss +4 -0
  26. data/app/components/primer/alpha/underline_panels.rb +6 -14
  27. data/app/components/primer/beta/icon_button.rb +5 -0
  28. data/app/components/primer/beta/relative_time.rb +3 -0
  29. data/app/components/primer/beta/spinner.html.erb +3 -0
  30. data/app/components/primer/beta/spinner.rb +15 -1
  31. data/app/components/primer/open_project/flex_layout.rb +1 -1
  32. data/app/components/primer/primer.pcss +1 -0
  33. data/lib/primer/forms/dsl/text_field_input.rb +8 -1
  34. data/lib/primer/forms/primer_text_field.d.ts +27 -0
  35. data/lib/primer/forms/primer_text_field.js +17 -5
  36. data/lib/primer/forms/primer_text_field.ts +24 -5
  37. data/lib/primer/forms/text_field.html.erb +6 -2
  38. data/lib/primer/view_components/version.rb +2 -2
  39. data/previews/primer/alpha/text_field_preview.rb +11 -0
  40. data/previews/primer/beta/breadcrumbs_preview.rb +9 -0
  41. data/previews/primer/beta/icon_button_preview/summary_as_button.html.erb +12 -0
  42. data/previews/primer/beta/icon_button_preview.rb +95 -14
  43. data/previews/primer/beta/relative_time_preview/link_with_tooltip.html.erb +13 -0
  44. data/previews/primer/beta/relative_time_preview.rb +12 -0
  45. data/previews/primer/beta/spinner_preview.rb +2 -2
  46. data/static/arguments.json +12 -12
  47. data/static/constants.json +1 -0
  48. data/static/info_arch.json +78 -13
  49. data/static/previews.json +65 -0
  50. metadata +9 -3
@@ -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
@@ -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
  },
@@ -5885,6 +5924,32 @@
5885
5924
  "color-contrast"
5886
5925
  ]
5887
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
+ }
5888
5953
  }
5889
5954
  ]
5890
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.34.0
4
+ version: 0.35.1
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-13 00:00:00.000000000 Z
12
+ date: 2024-06-24 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.4.19
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