openproject-primer_view_components 0.29.0 → 0.30.0

Sign up to get free protection for your applications and to get access to all the features.
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