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

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