@primer/view-components 0.24.0-rc.6e282ba6 → 0.24.0-rc.877a8fb2

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.
@@ -1 +1 @@
1
- anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop,dialog::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-neutral-muted))}@media (forced-colors:active){.Overlay{outline:1px solid #0000}}.Overlay-tabPanels{display:flex;flex-direction:column;overflow-y:hidden}.Overlay-tabPanels::part(tablist-wrapper){margin:var(--base-size-8) 0;padding:0 var(--base-size-8)}.Overlay-tabPanel{display:flex;overflow:hidden}
1
+ anchored-position[popover]{border-width:0;min-width:192px;overflow:visible;padding:0;position:absolute}anchored-position:not(.Overlay){background:none}.Overlay[popover]:not(:popover-open){display:none}anchored-position.not-anchored::backdrop,dialog::backdrop{background-color:var(--overlay-backdrop-bgColor,var(--color-neutral-muted))}@media (forced-colors:active){.Overlay{outline:1px solid #0000}}
@@ -6,9 +6,6 @@
6
6
  ".Overlay[popover]:not(:popover-open)",
7
7
  "anchored-position.not-anchored::backdrop",
8
8
  "dialog::backdrop",
9
- ".Overlay",
10
- ".Overlay-tabPanels",
11
- ".Overlay-tabPanels::part(tablist-wrapper)",
12
- ".Overlay-tabPanel"
9
+ ".Overlay"
13
10
  ]
14
11
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/view-components",
3
- "version": "0.24.0-rc.6e282ba6",
3
+ "version": "0.24.0-rc.877a8fb2",
4
4
  "description": "ViewComponents for the Primer Design System",
5
5
  "main": "app/assets/javascripts/primer_view_components.js",
6
6
  "module": "app/components/primer/primer.js",
@@ -1866,12 +1866,6 @@
1866
1866
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
1867
1867
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
1868
1868
  "parameters": [
1869
- {
1870
- "name": "tab_arguments",
1871
- "type": "Hash",
1872
- "default": "`{}`",
1873
- "description": "Arguments passed to TabPanels component"
1874
- },
1875
1869
  {
1876
1870
  "name": "system_arguments",
1877
1871
  "type": "Hash",
@@ -408,12 +408,6 @@
408
408
  "Overlay-headerFilter": [
409
409
  "Primer::Alpha::Dialog"
410
410
  ],
411
- "Overlay-tabPanel": [
412
- "Primer::Alpha::Overlay"
413
- ],
414
- "Overlay-tabPanels": [
415
- "Primer::Alpha::Overlay"
416
- ],
417
411
  "Popover": [
418
412
  "Primer::Beta::Popover"
419
413
  ],
@@ -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",
@@ -3538,6 +3551,18 @@
3538
3551
  "description": "{{link_to_system_arguments_docs}}"
3539
3552
  }
3540
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
+ ]
3541
3566
  }
3542
3567
  ],
3543
3568
  "methods": [
@@ -5975,8 +6000,8 @@
5975
6000
  ]
5976
6001
  },
5977
6002
  {
5978
- "name": "bodies",
5979
- "description": "Required body content.\nwhen multiple bodies are passed, they will be rendered in a TabPanels component.",
6003
+ "name": "body",
6004
+ "description": "Required body content.",
5980
6005
  "parameters": [
5981
6006
  {
5982
6007
  "name": "padding",
@@ -6120,8 +6145,8 @@
6120
6145
  }
6121
6146
  },
6122
6147
  {
6123
- "preview_path": "primer/alpha/overlay/overlay_with_three_bodies",
6124
- "name": "overlay_with_three_bodies",
6148
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
6149
+ "name": "overlay_with_header_subtitle",
6125
6150
  "snapshot": "false",
6126
6151
  "skip_rules": {
6127
6152
  "wont_fix": [
@@ -6216,6 +6241,18 @@
6216
6241
  "description": "{{link_to_system_arguments_docs}}"
6217
6242
  }
6218
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
+ ]
6219
6256
  }
6220
6257
  ],
6221
6258
  "methods": [
@@ -6288,12 +6325,6 @@
6288
6325
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/overlay/body.rb",
6289
6326
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/overlay/body/default/",
6290
6327
  "parameters": [
6291
- {
6292
- "name": "tab_arguments",
6293
- "type": "Hash",
6294
- "default": "`{}`",
6295
- "description": "Arguments passed to TabPanels component"
6296
- },
6297
6328
  {
6298
6329
  "name": "system_arguments",
6299
6330
  "type": "Hash",
@@ -6305,20 +6336,7 @@
6305
6336
 
6306
6337
  ],
6307
6338
  "methods": [
6308
- {
6309
- "name": "tab_arguments",
6310
- "description": "Returns the value of attribute tab_arguments.",
6311
- "parameters": [
6312
6339
 
6313
- ]
6314
- },
6315
- {
6316
- "name": "tab_label",
6317
- "description": "Returns the value of attribute tab_label.",
6318
- "parameters": [
6319
-
6320
- ]
6321
- }
6322
6340
  ],
6323
6341
  "previews": [
6324
6342
 
@@ -10965,7 +10983,7 @@
10965
10983
  {
10966
10984
  "fully_qualified_name": "Primer::Beta::Button",
10967
10985
  "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
10968
- "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",
10969
10987
  "is_form_component": false,
10970
10988
  "is_published": true,
10971
10989
  "requires_js": false,
@@ -11240,6 +11258,19 @@
11240
11258
  ]
11241
11259
  }
11242
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
+ },
11243
11274
  {
11244
11275
  "preview_path": "primer/beta/button/trailing_visual",
11245
11276
  "name": "trailing_visual",
@@ -11502,8 +11533,8 @@
11502
11533
  }
11503
11534
  },
11504
11535
  {
11505
- "preview_path": "primer/beta/button_group/all_tags",
11506
- "name": "all_tags",
11536
+ "preview_path": "primer/beta/button_group/multiple_tags",
11537
+ "name": "multiple_tags",
11507
11538
  "snapshot": "true",
11508
11539
  "skip_rules": {
11509
11540
  "wont_fix": [
@@ -2163,6 +2163,19 @@
2163
2163
  ]
2164
2164
  }
2165
2165
  },
2166
+ {
2167
+ "preview_path": "primer/beta/button/summary_as_button",
2168
+ "name": "summary_as_button",
2169
+ "snapshot": "true",
2170
+ "skip_rules": {
2171
+ "wont_fix": [
2172
+ "region"
2173
+ ],
2174
+ "will_fix": [
2175
+ "color-contrast"
2176
+ ]
2177
+ }
2178
+ },
2166
2179
  {
2167
2180
  "preview_path": "primer/beta/button/trailing_visual",
2168
2181
  "name": "trailing_visual",
@@ -2341,8 +2354,8 @@
2341
2354
  }
2342
2355
  },
2343
2356
  {
2344
- "preview_path": "primer/beta/button_group/all_tags",
2345
- "name": "all_tags",
2357
+ "preview_path": "primer/beta/button_group/multiple_tags",
2358
+ "name": "multiple_tags",
2346
2359
  "snapshot": "true",
2347
2360
  "skip_rules": {
2348
2361
  "wont_fix": [
@@ -2400,6 +2413,19 @@
2400
2413
  ]
2401
2414
  }
2402
2415
  },
2416
+ {
2417
+ "preview_path": "primer/alpha/button_marketing/link_as_button",
2418
+ "name": "link_as_button",
2419
+ "snapshot": "false",
2420
+ "skip_rules": {
2421
+ "wont_fix": [
2422
+ "region"
2423
+ ],
2424
+ "will_fix": [
2425
+ "color-contrast"
2426
+ ]
2427
+ }
2428
+ },
2403
2429
  {
2404
2430
  "preview_path": "primer/alpha/button_marketing/sizes_default",
2405
2431
  "name": "sizes_default",
@@ -4941,8 +4967,8 @@
4941
4967
  }
4942
4968
  },
4943
4969
  {
4944
- "preview_path": "primer/alpha/overlay/overlay_with_three_bodies",
4945
- "name": "overlay_with_three_bodies",
4970
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
4971
+ "name": "overlay_with_header_subtitle",
4946
4972
  "snapshot": "false",
4947
4973
  "skip_rules": {
4948
4974
  "wont_fix": [