openproject-primer_view_components 0.29.0 → 0.30.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.
Files changed (65) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +32 -0
  3. data/app/assets/javascripts/app/components/primer/open_project/page_header_element.d.ts +0 -2
  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_list/form_wrapper.rb +5 -0
  9. data/app/components/primer/alpha/button_marketing.rb +2 -0
  10. data/app/components/primer/alpha/dialog/header.html.erb +3 -0
  11. data/app/components/primer/alpha/dialog/header.rb +26 -0
  12. data/app/components/primer/alpha/overlay/header.html.erb +3 -1
  13. data/app/components/primer/alpha/overlay/header.rb +15 -0
  14. data/app/components/primer/alpha/tab_nav.css +1 -1
  15. data/app/components/primer/alpha/tab_nav.css.json +2 -0
  16. data/app/components/primer/alpha/tab_nav.css.map +1 -1
  17. data/app/components/primer/alpha/tab_nav.pcss +10 -0
  18. data/app/components/primer/alpha/tab_panels.html.erb +5 -9
  19. data/app/components/primer/alpha/tab_panels.rb +4 -13
  20. data/app/components/primer/alpha/underline_nav.css +1 -1
  21. data/app/components/primer/alpha/underline_nav.css.json +2 -0
  22. data/app/components/primer/alpha/underline_nav.css.map +1 -1
  23. data/app/components/primer/alpha/underline_nav.pcss +7 -1
  24. data/app/components/primer/alpha/underline_panels.css +1 -0
  25. data/app/components/primer/alpha/underline_panels.css.json +6 -0
  26. data/app/components/primer/alpha/underline_panels.css.map +1 -0
  27. data/app/components/primer/alpha/underline_panels.html.erb +6 -8
  28. data/app/components/primer/alpha/underline_panels.pcss +4 -0
  29. data/app/components/primer/alpha/underline_panels.rb +6 -14
  30. data/app/components/primer/anchored_position.js +2 -0
  31. data/app/components/primer/anchored_position.ts +2 -0
  32. data/app/components/primer/beta/button.css +1 -1
  33. data/app/components/primer/beta/button.css.map +1 -1
  34. data/app/components/primer/beta/button.html.erb +6 -1
  35. data/app/components/primer/beta/button.pcss +1 -0
  36. data/app/components/primer/beta/button.rb +9 -1
  37. data/app/components/primer/open_project/page_header.css +1 -1
  38. data/app/components/primer/open_project/page_header.css.json +0 -1
  39. data/app/components/primer/open_project/page_header.css.map +1 -1
  40. data/app/components/primer/open_project/page_header.html.erb +2 -0
  41. data/app/components/primer/open_project/page_header.pcss +0 -10
  42. data/app/components/primer/open_project/page_header.rb +53 -36
  43. data/app/components/primer/open_project/page_header_element.d.ts +0 -2
  44. data/app/components/primer/open_project/page_header_element.js +1 -16
  45. data/app/components/primer/open_project/page_header_element.ts +1 -16
  46. data/app/components/primer/open_project/zen_mode_button.html.erb +1 -0
  47. data/app/components/primer/open_project/zen_mode_button.rb +2 -0
  48. data/app/components/primer/primer.pcss +1 -0
  49. data/lib/primer/view_components/version.rb +1 -1
  50. data/previews/primer/alpha/button_marketing_preview.rb +15 -3
  51. data/previews/primer/alpha/dialog_preview/with_header_filter.html.erb +19 -0
  52. data/previews/primer/alpha/dialog_preview.rb +4 -0
  53. data/previews/primer/alpha/overlay_preview/in_a_sticky_container.html.erb +19 -0
  54. data/previews/primer/alpha/overlay_preview.rb +15 -0
  55. data/previews/primer/beta/button_group_preview.rb +3 -7
  56. data/previews/primer/beta/button_preview/small_scheme_one_character.html.erb +5 -0
  57. data/previews/primer/beta/button_preview/summary_as_button.html.erb +14 -0
  58. data/previews/primer/beta/button_preview.rb +42 -12
  59. data/previews/primer/open_project/page_header_preview.rb +15 -0
  60. data/static/arguments.json +0 -12
  61. data/static/classes.json +0 -3
  62. data/static/constants.json +1 -1
  63. data/static/info_arch.json +131 -17
  64. data/static/previews.json +93 -2
  65. metadata +10 -2
@@ -1463,7 +1463,7 @@
1463
1463
  "h5",
1464
1464
  "h6"
1465
1465
  ],
1466
- "MORE_MENU_DISPLAY": [
1466
+ "MOBILE_ACTIONS_DISPLAY": [
1467
1467
  "flex",
1468
1468
  "none"
1469
1469
  ],
@@ -2514,7 +2514,7 @@
2514
2514
  {
2515
2515
  "fully_qualified_name": "Primer::Alpha::ButtonMarketing",
2516
2516
  "description": "Use `ButtonMarketing` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
2517
- "accessibility_docs": null,
2517
+ "accessibility_docs": "Setting the tag argument to `:a` requires you to pass in an `href` attribute.",
2518
2518
  "is_form_component": false,
2519
2519
  "is_published": true,
2520
2520
  "requires_js": false,
@@ -2595,6 +2595,19 @@
2595
2595
  ]
2596
2596
  }
2597
2597
  },
2598
+ {
2599
+ "preview_path": "primer/alpha/button_marketing/link_as_button",
2600
+ "name": "link_as_button",
2601
+ "snapshot": "false",
2602
+ "skip_rules": {
2603
+ "wont_fix": [
2604
+ "region"
2605
+ ],
2606
+ "will_fix": [
2607
+ "color-contrast"
2608
+ ]
2609
+ }
2610
+ },
2598
2611
  {
2599
2612
  "preview_path": "primer/alpha/button_marketing/sizes_default",
2600
2613
  "name": "sizes_default",
@@ -3453,6 +3466,19 @@
3453
3466
  "color-contrast"
3454
3467
  ]
3455
3468
  }
3469
+ },
3470
+ {
3471
+ "preview_path": "primer/alpha/dialog/with_header_filter",
3472
+ "name": "with_header_filter",
3473
+ "snapshot": "false",
3474
+ "skip_rules": {
3475
+ "wont_fix": [
3476
+ "region"
3477
+ ],
3478
+ "will_fix": [
3479
+ "color-contrast"
3480
+ ]
3481
+ }
3456
3482
  }
3457
3483
  ],
3458
3484
  "subcomponents": [
@@ -3514,7 +3540,30 @@
3514
3540
  }
3515
3541
  ],
3516
3542
  "slots": [
3517
-
3543
+ {
3544
+ "name": "filter",
3545
+ "description": "Optional filter slot for adding a filter input to the header.",
3546
+ "parameters": [
3547
+ {
3548
+ "name": "system_arguments",
3549
+ "type": "Hash",
3550
+ "default": "N/A",
3551
+ "description": "{{link_to_system_arguments_docs}}"
3552
+ }
3553
+ ]
3554
+ },
3555
+ {
3556
+ "name": "subtitle",
3557
+ "description": "Optional subtitle slot for adding a subtitle to the header.",
3558
+ "parameters": [
3559
+ {
3560
+ "name": "system_arguments",
3561
+ "type": "Hash",
3562
+ "default": "N/A",
3563
+ "description": "{{link_to_system_arguments_docs}}"
3564
+ }
3565
+ ]
3566
+ }
3518
3567
  ],
3519
3568
  "methods": [
3520
3569
 
@@ -6094,6 +6143,32 @@
6094
6143
  "color-contrast"
6095
6144
  ]
6096
6145
  }
6146
+ },
6147
+ {
6148
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
6149
+ "name": "overlay_with_header_subtitle",
6150
+ "snapshot": "false",
6151
+ "skip_rules": {
6152
+ "wont_fix": [
6153
+ "region"
6154
+ ],
6155
+ "will_fix": [
6156
+ "color-contrast"
6157
+ ]
6158
+ }
6159
+ },
6160
+ {
6161
+ "preview_path": "primer/alpha/overlay/in_a_sticky_container",
6162
+ "name": "in_a_sticky_container",
6163
+ "snapshot": "false",
6164
+ "skip_rules": {
6165
+ "wont_fix": [
6166
+ "region"
6167
+ ],
6168
+ "will_fix": [
6169
+ "color-contrast"
6170
+ ]
6171
+ }
6097
6172
  }
6098
6173
  ],
6099
6174
  "subcomponents": [
@@ -6166,6 +6241,18 @@
6166
6241
  "description": "{{link_to_system_arguments_docs}}"
6167
6242
  }
6168
6243
  ]
6244
+ },
6245
+ {
6246
+ "name": "subtitle",
6247
+ "description": "Optional subtitle slot for adding a subtitle to the header.",
6248
+ "parameters": [
6249
+ {
6250
+ "name": "system_arguments",
6251
+ "type": "Hash",
6252
+ "default": "N/A",
6253
+ "description": "{{link_to_system_arguments_docs}}"
6254
+ }
6255
+ ]
6169
6256
  }
6170
6257
  ],
6171
6258
  "methods": [
@@ -7541,18 +7628,6 @@
7541
7628
  "default": "N/A",
7542
7629
  "description": "One of `:left` or `:right`. - Defaults to left"
7543
7630
  },
7544
- {
7545
- "name": "body_arguments",
7546
- "type": "Hash",
7547
- "default": "`{}`",
7548
- "description": "{{link_to_system_arguments_docs}} for the body wrapper."
7549
- },
7550
- {
7551
- "name": "wrapper_arguments",
7552
- "type": "Hash",
7553
- "default": "`{}`",
7554
- "description": "{{link_to_system_arguments_docs}} for the `TabContainer` wrapper."
7555
- },
7556
7631
  {
7557
7632
  "name": "system_arguments",
7558
7633
  "type": "Hash",
@@ -10908,7 +10983,7 @@
10908
10983
  {
10909
10984
  "fully_qualified_name": "Primer::Beta::Button",
10910
10985
  "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
10911
- "accessibility_docs": null,
10986
+ "accessibility_docs": "Additional 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",
10912
10987
  "is_form_component": false,
10913
10988
  "is_published": true,
10914
10989
  "requires_js": false,
@@ -11183,6 +11258,19 @@
11183
11258
  ]
11184
11259
  }
11185
11260
  },
11261
+ {
11262
+ "preview_path": "primer/beta/button/summary_as_button",
11263
+ "name": "summary_as_button",
11264
+ "snapshot": "true",
11265
+ "skip_rules": {
11266
+ "wont_fix": [
11267
+ "region"
11268
+ ],
11269
+ "will_fix": [
11270
+ "color-contrast"
11271
+ ]
11272
+ }
11273
+ },
11186
11274
  {
11187
11275
  "preview_path": "primer/beta/button/trailing_visual",
11188
11276
  "name": "trailing_visual",
@@ -11286,6 +11374,19 @@
11286
11374
  "color-contrast"
11287
11375
  ]
11288
11376
  }
11377
+ },
11378
+ {
11379
+ "preview_path": "primer/beta/button/small_scheme_one_character",
11380
+ "name": "small_scheme_one_character",
11381
+ "snapshot": "true",
11382
+ "skip_rules": {
11383
+ "wont_fix": [
11384
+ "region"
11385
+ ],
11386
+ "will_fix": [
11387
+ "color-contrast"
11388
+ ]
11389
+ }
11289
11390
  }
11290
11391
  ],
11291
11392
  "subcomponents": [
@@ -11445,8 +11546,8 @@
11445
11546
  }
11446
11547
  },
11447
11548
  {
11448
- "preview_path": "primer/beta/button_group/all_tags",
11449
- "name": "all_tags",
11549
+ "preview_path": "primer/beta/button_group/multiple_tags",
11550
+ "name": "multiple_tags",
11450
11551
  "snapshot": "true",
11451
11552
  "skip_rules": {
11452
11553
  "wont_fix": [
@@ -16689,6 +16790,19 @@
16689
16790
  ]
16690
16791
  }
16691
16792
  },
16793
+ {
16794
+ "preview_path": "primer/open_project/page_header/single_action",
16795
+ "name": "single_action",
16796
+ "snapshot": "false",
16797
+ "skip_rules": {
16798
+ "wont_fix": [
16799
+ "region"
16800
+ ],
16801
+ "will_fix": [
16802
+ "color-contrast"
16803
+ ]
16804
+ }
16805
+ },
16692
16806
  {
16693
16807
  "preview_path": "primer/open_project/page_header/leading_action",
16694
16808
  "name": "leading_action",
data/static/previews.json CHANGED
@@ -2210,6 +2210,19 @@
2210
2210
  ]
2211
2211
  }
2212
2212
  },
2213
+ {
2214
+ "preview_path": "primer/beta/button/summary_as_button",
2215
+ "name": "summary_as_button",
2216
+ "snapshot": "true",
2217
+ "skip_rules": {
2218
+ "wont_fix": [
2219
+ "region"
2220
+ ],
2221
+ "will_fix": [
2222
+ "color-contrast"
2223
+ ]
2224
+ }
2225
+ },
2213
2226
  {
2214
2227
  "preview_path": "primer/beta/button/trailing_visual",
2215
2228
  "name": "trailing_visual",
@@ -2313,6 +2326,19 @@
2313
2326
  "color-contrast"
2314
2327
  ]
2315
2328
  }
2329
+ },
2330
+ {
2331
+ "preview_path": "primer/beta/button/small_scheme_one_character",
2332
+ "name": "small_scheme_one_character",
2333
+ "snapshot": "true",
2334
+ "skip_rules": {
2335
+ "wont_fix": [
2336
+ "region"
2337
+ ],
2338
+ "will_fix": [
2339
+ "color-contrast"
2340
+ ]
2341
+ }
2316
2342
  }
2317
2343
  ]
2318
2344
  },
@@ -2388,8 +2414,8 @@
2388
2414
  }
2389
2415
  },
2390
2416
  {
2391
- "preview_path": "primer/beta/button_group/all_tags",
2392
- "name": "all_tags",
2417
+ "preview_path": "primer/beta/button_group/multiple_tags",
2418
+ "name": "multiple_tags",
2393
2419
  "snapshot": "true",
2394
2420
  "skip_rules": {
2395
2421
  "wont_fix": [
@@ -2447,6 +2473,19 @@
2447
2473
  ]
2448
2474
  }
2449
2475
  },
2476
+ {
2477
+ "preview_path": "primer/alpha/button_marketing/link_as_button",
2478
+ "name": "link_as_button",
2479
+ "snapshot": "false",
2480
+ "skip_rules": {
2481
+ "wont_fix": [
2482
+ "region"
2483
+ ],
2484
+ "will_fix": [
2485
+ "color-contrast"
2486
+ ]
2487
+ }
2488
+ },
2450
2489
  {
2451
2490
  "preview_path": "primer/alpha/button_marketing/sizes_default",
2452
2491
  "name": "sizes_default",
@@ -3303,6 +3342,19 @@
3303
3342
  "color-contrast"
3304
3343
  ]
3305
3344
  }
3345
+ },
3346
+ {
3347
+ "preview_path": "primer/alpha/dialog/with_header_filter",
3348
+ "name": "with_header_filter",
3349
+ "snapshot": "false",
3350
+ "skip_rules": {
3351
+ "wont_fix": [
3352
+ "region"
3353
+ ],
3354
+ "will_fix": [
3355
+ "color-contrast"
3356
+ ]
3357
+ }
3306
3358
  }
3307
3359
  ]
3308
3360
  },
@@ -5174,6 +5226,32 @@
5174
5226
  "color-contrast"
5175
5227
  ]
5176
5228
  }
5229
+ },
5230
+ {
5231
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
5232
+ "name": "overlay_with_header_subtitle",
5233
+ "snapshot": "false",
5234
+ "skip_rules": {
5235
+ "wont_fix": [
5236
+ "region"
5237
+ ],
5238
+ "will_fix": [
5239
+ "color-contrast"
5240
+ ]
5241
+ }
5242
+ },
5243
+ {
5244
+ "preview_path": "primer/alpha/overlay/in_a_sticky_container",
5245
+ "name": "in_a_sticky_container",
5246
+ "snapshot": "false",
5247
+ "skip_rules": {
5248
+ "wont_fix": [
5249
+ "region"
5250
+ ],
5251
+ "will_fix": [
5252
+ "color-contrast"
5253
+ ]
5254
+ }
5177
5255
  }
5178
5256
  ]
5179
5257
  },
@@ -5274,6 +5352,19 @@
5274
5352
  ]
5275
5353
  }
5276
5354
  },
5355
+ {
5356
+ "preview_path": "primer/open_project/page_header/single_action",
5357
+ "name": "single_action",
5358
+ "snapshot": "false",
5359
+ "skip_rules": {
5360
+ "wont_fix": [
5361
+ "region"
5362
+ ],
5363
+ "will_fix": [
5364
+ "color-contrast"
5365
+ ]
5366
+ }
5367
+ },
5277
5368
  {
5278
5369
  "preview_path": "primer/open_project/page_header/leading_action",
5279
5370
  "name": "leading_action",
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.29.0
4
+ version: 0.30.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-04-19 00:00:00.000000000 Z
12
+ date: 2024-05-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionview
@@ -292,7 +292,11 @@ files:
292
292
  - app/components/primer/alpha/underline_nav.html.erb
293
293
  - app/components/primer/alpha/underline_nav.pcss
294
294
  - app/components/primer/alpha/underline_nav.rb
295
+ - app/components/primer/alpha/underline_panels.css
296
+ - app/components/primer/alpha/underline_panels.css.json
297
+ - app/components/primer/alpha/underline_panels.css.map
295
298
  - app/components/primer/alpha/underline_panels.html.erb
299
+ - app/components/primer/alpha/underline_panels.pcss
296
300
  - app/components/primer/alpha/underline_panels.rb
297
301
  - app/components/primer/alpha/x_banner.d.ts
298
302
  - app/components/primer/alpha/x_banner.js
@@ -788,6 +792,7 @@ files:
788
792
  - previews/primer/alpha/dialog_preview/with_footer.html.erb
789
793
  - previews/primer/alpha/dialog_preview/with_form.html.erb
790
794
  - previews/primer/alpha/dialog_preview/with_header.html.erb
795
+ - previews/primer/alpha/dialog_preview/with_header_filter.html.erb
791
796
  - previews/primer/alpha/dialog_preview/with_text_input.html.erb
792
797
  - previews/primer/alpha/dropdown_preview.rb
793
798
  - previews/primer/alpha/form_control_preview.rb
@@ -805,6 +810,7 @@ files:
805
810
  - previews/primer/alpha/octicon_symbols_preview/default.html.erb
806
811
  - previews/primer/alpha/octicon_symbols_preview/playground.html.erb
807
812
  - previews/primer/alpha/overlay_preview.rb
813
+ - previews/primer/alpha/overlay_preview/in_a_sticky_container.html.erb
808
814
  - previews/primer/alpha/overlay_preview/in_an_action_menu.html.erb
809
815
  - previews/primer/alpha/overlay_preview/middle_of_page.html.erb
810
816
  - previews/primer/alpha/overlay_preview/middle_of_page_with_relative_container.html.erb
@@ -864,6 +870,8 @@ files:
864
870
  - previews/primer/beta/button_preview/leading_visual.html.erb
865
871
  - previews/primer/beta/button_preview/leading_visual_svg.html.erb
866
872
  - previews/primer/beta/button_preview/link_scheme_label_wrap.html.erb
873
+ - previews/primer/beta/button_preview/small_scheme_one_character.html.erb
874
+ - previews/primer/beta/button_preview/summary_as_button.html.erb
867
875
  - previews/primer/beta/button_preview/trailing_action.html.erb
868
876
  - previews/primer/beta/button_preview/trailing_counter.html.erb
869
877
  - previews/primer/beta/button_preview/trailing_visual.html.erb