@primer/view-components 0.24.0-rc.7481c9ae → 0.24.0-rc.9db9ad06

Sign up to get free protection for your applications and to get access to all the features.
@@ -23,6 +23,8 @@ const updateWhenVisible = (() => {
23
23
  return (el) => {
24
24
  // eslint-disable-next-line github/prefer-observers
25
25
  window.addEventListener('resize', updateVisibleAnchors);
26
+ // eslint-disable-next-line github/prefer-observers
27
+ window.addEventListener('scroll', updateVisibleAnchors);
26
28
  intersectionObserver || (intersectionObserver = new IntersectionObserver(entries => {
27
29
  for (const entry of entries) {
28
30
  const target = entry.target;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/view-components",
3
- "version": "0.24.0-rc.7481c9ae",
3
+ "version": "0.24.0-rc.9db9ad06",
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",
@@ -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,18 @@
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
+ }
3518
3555
  ],
3519
3556
  "methods": [
3520
3557
 
@@ -6107,6 +6144,19 @@
6107
6144
  "color-contrast"
6108
6145
  ]
6109
6146
  }
6147
+ },
6148
+ {
6149
+ "preview_path": "primer/alpha/overlay/in_a_sticky_container",
6150
+ "name": "in_a_sticky_container",
6151
+ "snapshot": "false",
6152
+ "skip_rules": {
6153
+ "wont_fix": [
6154
+ "region"
6155
+ ],
6156
+ "will_fix": [
6157
+ "color-contrast"
6158
+ ]
6159
+ }
6110
6160
  }
6111
6161
  ],
6112
6162
  "subcomponents": [
@@ -10928,7 +10978,7 @@
10928
10978
  {
10929
10979
  "fully_qualified_name": "Primer::Beta::Button",
10930
10980
  "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
10931
- "accessibility_docs": null,
10981
+ "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",
10932
10982
  "is_form_component": false,
10933
10983
  "is_published": true,
10934
10984
  "requires_js": false,
@@ -11203,6 +11253,19 @@
11203
11253
  ]
11204
11254
  }
11205
11255
  },
11256
+ {
11257
+ "preview_path": "primer/beta/button/summary_as_button",
11258
+ "name": "summary_as_button",
11259
+ "snapshot": "true",
11260
+ "skip_rules": {
11261
+ "wont_fix": [
11262
+ "region"
11263
+ ],
11264
+ "will_fix": [
11265
+ "color-contrast"
11266
+ ]
11267
+ }
11268
+ },
11206
11269
  {
11207
11270
  "preview_path": "primer/beta/button/trailing_visual",
11208
11271
  "name": "trailing_visual",
@@ -11465,8 +11528,8 @@
11465
11528
  }
11466
11529
  },
11467
11530
  {
11468
- "preview_path": "primer/beta/button_group/all_tags",
11469
- "name": "all_tags",
11531
+ "preview_path": "primer/beta/button_group/multiple_tags",
11532
+ "name": "multiple_tags",
11470
11533
  "snapshot": "true",
11471
11534
  "skip_rules": {
11472
11535
  "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",
@@ -3256,6 +3282,19 @@
3256
3282
  "color-contrast"
3257
3283
  ]
3258
3284
  }
3285
+ },
3286
+ {
3287
+ "preview_path": "primer/alpha/dialog/with_header_filter",
3288
+ "name": "with_header_filter",
3289
+ "snapshot": "false",
3290
+ "skip_rules": {
3291
+ "wont_fix": [
3292
+ "region"
3293
+ ],
3294
+ "will_fix": [
3295
+ "color-contrast"
3296
+ ]
3297
+ }
3259
3298
  }
3260
3299
  ]
3261
3300
  },
@@ -4927,6 +4966,19 @@
4927
4966
  ]
4928
4967
  }
4929
4968
  },
4969
+ {
4970
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
4971
+ "name": "overlay_with_header_subtitle",
4972
+ "snapshot": "false",
4973
+ "skip_rules": {
4974
+ "wont_fix": [
4975
+ "region"
4976
+ ],
4977
+ "will_fix": [
4978
+ "color-contrast"
4979
+ ]
4980
+ }
4981
+ },
4930
4982
  {
4931
4983
  "preview_path": "primer/alpha/overlay/overlay_with_three_bodies",
4932
4984
  "name": "overlay_with_three_bodies",
@@ -4939,6 +4991,19 @@
4939
4991
  "color-contrast"
4940
4992
  ]
4941
4993
  }
4994
+ },
4995
+ {
4996
+ "preview_path": "primer/alpha/overlay/in_a_sticky_container",
4997
+ "name": "in_a_sticky_container",
4998
+ "snapshot": "false",
4999
+ "skip_rules": {
5000
+ "wont_fix": [
5001
+ "region"
5002
+ ],
5003
+ "will_fix": [
5004
+ "color-contrast"
5005
+ ]
5006
+ }
4942
5007
  }
4943
5008
  ]
4944
5009
  },