primer_view_components 0.23.0 → 0.24.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +34 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +1 -1
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/form_wrapper.rb +5 -0
  8. data/app/components/primer/alpha/banner.rb +13 -13
  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/anchored_position.js +2 -0
  15. data/app/components/primer/anchored_position.ts +2 -0
  16. data/app/components/primer/beta/button.css +1 -1
  17. data/app/components/primer/beta/button.css.map +1 -1
  18. data/app/components/primer/beta/button.html.erb +6 -1
  19. data/app/components/primer/beta/button.pcss +1 -0
  20. data/app/components/primer/beta/button.rb +9 -1
  21. data/lib/primer/view_components/version.rb +2 -2
  22. data/previews/primer/alpha/button_marketing_preview.rb +15 -3
  23. data/previews/primer/alpha/dialog_preview/with_header_filter.html.erb +19 -0
  24. data/previews/primer/alpha/dialog_preview.rb +4 -0
  25. data/previews/primer/alpha/overlay_preview/in_a_sticky_container.html.erb +19 -0
  26. data/previews/primer/alpha/overlay_preview.rb +15 -0
  27. data/previews/primer/beta/button_group_preview.rb +3 -7
  28. data/previews/primer/beta/button_preview/small_scheme_one_character.html.erb +5 -0
  29. data/previews/primer/beta/button_preview/summary_as_button.html.erb +14 -0
  30. data/previews/primer/beta/button_preview.rb +42 -12
  31. data/static/info_arch.json +119 -6
  32. data/static/previews.json +80 -2
  33. metadata +6 -2
@@ -20,7 +20,7 @@ module Primer
20
20
  # @param disabled toggle
21
21
  # @param inactive toggle
22
22
  # @param align_content select [center, start]
23
- # @param tag select [a, summary, button]
23
+ # @param tag select [a, button]
24
24
  # @param label_wrap toggle
25
25
  def playground(
26
26
  scheme: :default,
@@ -31,8 +31,13 @@ module Primer
31
31
  tag: :button,
32
32
  disabled: false,
33
33
  inactive: false,
34
- label_wrap: false
34
+ label_wrap: false,
35
+ href: nil
35
36
  )
37
+ # Sets default href to `a`, to ensure it's keyboard interactive and proper markup
38
+ if tag == :a && href.nil?
39
+ href = "#"
40
+ end
36
41
  render(Primer::Beta::Button.new(
37
42
  scheme: scheme,
38
43
  size: size,
@@ -42,8 +47,9 @@ module Primer
42
47
  tag: tag,
43
48
  disabled: disabled,
44
49
  inactive: inactive,
45
- label_wrap: label_wrap
46
- )) do |_c|
50
+ label_wrap: label_wrap,
51
+ href: href
52
+ )) do |_c|
47
53
  "Button"
48
54
  end
49
55
  end
@@ -51,7 +57,6 @@ module Primer
51
57
  # @label Default
52
58
  # @param block toggle
53
59
  # @param disabled toggle
54
- # @param tag select [a, summary, button]
55
60
  def default(
56
61
  block: false,
57
62
  id: "button-preview",
@@ -73,7 +78,6 @@ module Primer
73
78
  # @label Primary
74
79
  # @param block toggle
75
80
  # @param disabled toggle
76
- # @param tag select [a, summary, button]
77
81
  def primary(
78
82
  id: "button-preview",
79
83
  block: false,
@@ -95,7 +99,6 @@ module Primer
95
99
  # @label Danger
96
100
  # @param block toggle
97
101
  # @param disabled toggle
98
- # @param tag select [a, summary, button]
99
102
  def danger(
100
103
  id: "button-preview",
101
104
  block: false,
@@ -117,7 +120,6 @@ module Primer
117
120
  # @label Invisible
118
121
  # @param block toggle
119
122
  # @param disabled toggle
120
- # @param tag select [a, summary, button]
121
123
  def invisible(
122
124
  id: "button-preview",
123
125
  block: false,
@@ -145,7 +147,6 @@ module Primer
145
147
  # @label Link
146
148
  # @param block toggle
147
149
  # @param disabled toggle
148
- # @param tag select [a, summary, button]
149
150
  # @snapshot
150
151
  def link(
151
152
  id: "button-preview",
@@ -178,7 +179,6 @@ module Primer
178
179
 
179
180
  # @label Full width
180
181
  # @param disabled toggle
181
- # @param tag select [a, summary, button]
182
182
  # @snapshot
183
183
  def full_width(
184
184
  id: "button-preview",
@@ -222,6 +222,7 @@ module Primer
222
222
  # @param size select [small, medium]
223
223
  # @param block toggle
224
224
  # @param align_content select [center, start]
225
+ # @param href
225
226
  # @snapshot
226
227
  def link_as_button(
227
228
  scheme: :default,
@@ -245,12 +246,35 @@ module Primer
245
246
  end
246
247
  end
247
248
 
249
+ # @label Summary as button
250
+ # @param scheme select [default, primary, danger, invisible, link]
251
+ # @param size select [small, medium]
252
+ # @param block toggle
253
+ # @param align_content select [center, start]
254
+ # @snapshot
255
+ def summary_as_button(
256
+ scheme: :default,
257
+ size: :medium,
258
+ block: false,
259
+ id: "button-preview",
260
+ align_content: :center,
261
+ tag: :summary
262
+ )
263
+ render_with_template(locals: {
264
+ scheme: scheme,
265
+ size: size,
266
+ block: block,
267
+ id: id,
268
+ align_content: align_content,
269
+ tag: tag
270
+ })
271
+ end
272
+
248
273
  # @label Trailing visual
249
274
  # @param scheme select [default, primary, danger, invisible, link]
250
275
  # @param size select [small, medium]
251
276
  # @param block toggle
252
277
  # @param align_content select [center, start]
253
- # @param tag select [a, summary, button]
254
278
  # @snapshot
255
279
  def trailing_visual(
256
280
  scheme: :default,
@@ -258,7 +282,7 @@ module Primer
258
282
  block: false,
259
283
  id: "button-preview",
260
284
  align_content: :center,
261
- tag: :a
285
+ tag: :button
262
286
  )
263
287
  render_with_template(locals: {
264
288
  scheme: scheme,
@@ -390,6 +414,12 @@ module Primer
390
414
  def link_scheme_label_wrap
391
415
  render_with_template(locals: {})
392
416
  end
417
+
418
+ # @label Small scheme with one character
419
+ # @snapshot
420
+ def small_scheme_one_character
421
+ render_with_template(locals: {})
422
+ end
393
423
  end
394
424
  end
395
425
  end
@@ -2284,7 +2284,7 @@
2284
2284
  {
2285
2285
  "fully_qualified_name": "Primer::Alpha::Banner",
2286
2286
  "description": "Use `Banner` to highlight important information.",
2287
- "accessibility_docs": "Given that Banner is made visually prominent to sighted users through the use of icons and color, consider providing a heading and designating the Banner as a region landmark to improve navigability and discoverability of the Banner of assistive technology users. At this time, the PVC Banner does not render a heading nor render as a region landmark by default. This may be introduced in the future [as a breaking API change](https://github.com/primer/view_components/issues/2619). For now, consider providing an appropriate heading inside of the Banner and rendering the Banner as a `<section>` tag with `aria-labelledby=\"switch-this-with-banner-heading-id\"` to implicitly designate the Banner as a region landmark.\n\nA Banner can be used in one of two ways – to highlight information on a page, or to communicate an urgent message/feedback for a user action. For the latter scenario, it may be necessary to use a live region or focus management technique to ensure that the Banner is discoverable and accessible for all users. Otherwise, the Banner can easily be missed, including by those using magnification software or screen reader users who may not realize that a Banner has appeared. The appropriate technique to use is highly context-dependent. Visit the [Banner's Accessibility section](https://primer.style/components/banner#accessibility) or defer to the accessibility team to determine if your scenario requires either techniques.\n\n### Announcing a Banner\n When a Banner is used to communicate non-critical feedback, or is used in critical scenarios where moving focus is considered too disruptive, use a live region announcement to announce the content of the Banner to screen reader users.\n\n Live regions can be finicky and don't work well when injected dynamically. Setting a live region attribute on the Banner itself is discouraged as it will not announce as expected for most screen readers.\n\n To ensure a Banner is announced reliably, make sure that there's a live region container that is already on the page. When the Banner is shown, populate the live region container with the content of the Banner. This can be done in one of two ways. The first is to rely on a global live region container that is guaranteed to be on the page. When the Banner appears, populate this global live region container with the Banner content. The second technique is to hide or show the Banner within a live region wrapper that is guaranteed to always be on the page.\n\n For more information about either technique, visit [Staff only: Challenges with live regions](https://github.com/github/accessibility/blob/main/docs/coaching-recommendations/toast-flash-banner/accessible-banner-prototype.md#challenges-with-dynamically-inserted-live-region). This guidance is subject to change.\n\n### Focusing a Banner\n Focusing a Banner when it appears helps to maximize discoverability of the message, especially in critical scenarios.\n\n To properly focus a banner, add a `tabindex=\"-1\"` to the Banner container, and focus that container (one way is using the [`focus()` API](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus)).\n\n For more information about the focus management technique, visit the [Staff only: Accessible Banner Prototype docs](https://github.com/github/accessibility/blob/main/docs/coaching-recommendations/toast-flash-banner/accessible-banner-prototype.md#consideration). This guidance is subject to change.",
2287
+ "accessibility_docs": "### Improve discoverability with a heading and landmark\nBanners are made visually prominent with icons and colors to immediately draw attention.\n\nTo ensure the Banner is also easily discoverable for assistive technology users, consider:\n1. Providing a heading inside of the Banner that describes the purpose of the Banner.\n2. Designating the Banner as a `region` landmark. This can be achieved by rendering the Banner as a `section` with an `aria-labelledby` pointing to the heading.\n\n### Communicating feedback\nWhen a Banner is used to communicate feedback, a live region or focus management technique should be in place to ensure that assistive technology users are aware of the feedback, especially when the Banner is shown client-side. Visit the [Banner's Accessibility section](https://primer.style/components/banner#accessibility), or defer to the accessibility team.\n\n#### Approach 1: Announcing a Banner\nA live region announcement can be used to communicate non-critical feedback, such as a success message.\n\nTo successfully trigger a live region announcement for a Banner that is un-`hidden` or dynamically injected onto the page, **do not** set the live region attribute/role on the Banner itself. Instead, it's important to rely on a live region that is already guaranteed to be on the page. Learn more about specific techniques at: [Staff only: Challenges with live regions](https://github.com/github/accessibility/blob/main/docs/coaching-recommendations/toast-flash-banner/accessible-banner-prototype.md#challenges-with-dynamically-inserted-live-region).\n\n#### Approach 2: Focusing a Banner\nFocusing the Banner can be appropriate for critical feedback scenarios, such as a [form validation error summary](https://primer.style/ui-patterns/forms/overview#interactive-summary-of-errors) where the Banner contains actions to help unblock the user.\n\nTo properly focus a Banner, add a `tabindex=\"-1\"` place focus with JavaScript (using the [`focus()` API](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus)).",
2288
2288
  "is_form_component": false,
2289
2289
  "is_published": true,
2290
2290
  "requires_js": true,
@@ -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": [
@@ -10908,7 +10995,7 @@
10908
10995
  {
10909
10996
  "fully_qualified_name": "Primer::Beta::Button",
10910
10997
  "description": "Use `Button` for actions (e.g. in forms). Use links for destinations, or moving from one page to another.",
10911
- "accessibility_docs": null,
10998
+ "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
10999
  "is_form_component": false,
10913
11000
  "is_published": true,
10914
11001
  "requires_js": false,
@@ -11183,6 +11270,19 @@
11183
11270
  ]
11184
11271
  }
11185
11272
  },
11273
+ {
11274
+ "preview_path": "primer/beta/button/summary_as_button",
11275
+ "name": "summary_as_button",
11276
+ "snapshot": "true",
11277
+ "skip_rules": {
11278
+ "wont_fix": [
11279
+ "region"
11280
+ ],
11281
+ "will_fix": [
11282
+ "color-contrast"
11283
+ ]
11284
+ }
11285
+ },
11186
11286
  {
11187
11287
  "preview_path": "primer/beta/button/trailing_visual",
11188
11288
  "name": "trailing_visual",
@@ -11286,6 +11386,19 @@
11286
11386
  "color-contrast"
11287
11387
  ]
11288
11388
  }
11389
+ },
11390
+ {
11391
+ "preview_path": "primer/beta/button/small_scheme_one_character",
11392
+ "name": "small_scheme_one_character",
11393
+ "snapshot": "true",
11394
+ "skip_rules": {
11395
+ "wont_fix": [
11396
+ "region"
11397
+ ],
11398
+ "will_fix": [
11399
+ "color-contrast"
11400
+ ]
11401
+ }
11289
11402
  }
11290
11403
  ],
11291
11404
  "subcomponents": [
@@ -11445,8 +11558,8 @@
11445
11558
  }
11446
11559
  },
11447
11560
  {
11448
- "preview_path": "primer/beta/button_group/all_tags",
11449
- "name": "all_tags",
11561
+ "preview_path": "primer/beta/button_group/multiple_tags",
11562
+ "name": "multiple_tags",
11450
11563
  "snapshot": "true",
11451
11564
  "skip_rules": {
11452
11565
  "wont_fix": [
data/static/previews.json CHANGED
@@ -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",
@@ -2266,6 +2279,19 @@
2266
2279
  "color-contrast"
2267
2280
  ]
2268
2281
  }
2282
+ },
2283
+ {
2284
+ "preview_path": "primer/beta/button/small_scheme_one_character",
2285
+ "name": "small_scheme_one_character",
2286
+ "snapshot": "true",
2287
+ "skip_rules": {
2288
+ "wont_fix": [
2289
+ "region"
2290
+ ],
2291
+ "will_fix": [
2292
+ "color-contrast"
2293
+ ]
2294
+ }
2269
2295
  }
2270
2296
  ]
2271
2297
  },
@@ -2341,8 +2367,8 @@
2341
2367
  }
2342
2368
  },
2343
2369
  {
2344
- "preview_path": "primer/beta/button_group/all_tags",
2345
- "name": "all_tags",
2370
+ "preview_path": "primer/beta/button_group/multiple_tags",
2371
+ "name": "multiple_tags",
2346
2372
  "snapshot": "true",
2347
2373
  "skip_rules": {
2348
2374
  "wont_fix": [
@@ -2400,6 +2426,19 @@
2400
2426
  ]
2401
2427
  }
2402
2428
  },
2429
+ {
2430
+ "preview_path": "primer/alpha/button_marketing/link_as_button",
2431
+ "name": "link_as_button",
2432
+ "snapshot": "false",
2433
+ "skip_rules": {
2434
+ "wont_fix": [
2435
+ "region"
2436
+ ],
2437
+ "will_fix": [
2438
+ "color-contrast"
2439
+ ]
2440
+ }
2441
+ },
2403
2442
  {
2404
2443
  "preview_path": "primer/alpha/button_marketing/sizes_default",
2405
2444
  "name": "sizes_default",
@@ -3256,6 +3295,19 @@
3256
3295
  "color-contrast"
3257
3296
  ]
3258
3297
  }
3298
+ },
3299
+ {
3300
+ "preview_path": "primer/alpha/dialog/with_header_filter",
3301
+ "name": "with_header_filter",
3302
+ "snapshot": "false",
3303
+ "skip_rules": {
3304
+ "wont_fix": [
3305
+ "region"
3306
+ ],
3307
+ "will_fix": [
3308
+ "color-contrast"
3309
+ ]
3310
+ }
3259
3311
  }
3260
3312
  ]
3261
3313
  },
@@ -4926,6 +4978,32 @@
4926
4978
  "color-contrast"
4927
4979
  ]
4928
4980
  }
4981
+ },
4982
+ {
4983
+ "preview_path": "primer/alpha/overlay/overlay_with_header_subtitle",
4984
+ "name": "overlay_with_header_subtitle",
4985
+ "snapshot": "false",
4986
+ "skip_rules": {
4987
+ "wont_fix": [
4988
+ "region"
4989
+ ],
4990
+ "will_fix": [
4991
+ "color-contrast"
4992
+ ]
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
+ }
4929
5007
  }
4930
5008
  ]
4931
5009
  },
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: primer_view_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.23.0
4
+ version: 0.24.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - GitHub Open Source
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2024-04-18 00:00:00.000000000 Z
11
+ date: 2024-05-14 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: actionview
@@ -744,6 +744,7 @@ files:
744
744
  - previews/primer/alpha/dialog_preview/with_footer.html.erb
745
745
  - previews/primer/alpha/dialog_preview/with_form.html.erb
746
746
  - previews/primer/alpha/dialog_preview/with_header.html.erb
747
+ - previews/primer/alpha/dialog_preview/with_header_filter.html.erb
747
748
  - previews/primer/alpha/dialog_preview/with_text_input.html.erb
748
749
  - previews/primer/alpha/dropdown_preview.rb
749
750
  - previews/primer/alpha/form_control_preview.rb
@@ -761,6 +762,7 @@ files:
761
762
  - previews/primer/alpha/octicon_symbols_preview/default.html.erb
762
763
  - previews/primer/alpha/octicon_symbols_preview/playground.html.erb
763
764
  - previews/primer/alpha/overlay_preview.rb
765
+ - previews/primer/alpha/overlay_preview/in_a_sticky_container.html.erb
764
766
  - previews/primer/alpha/overlay_preview/in_an_action_menu.html.erb
765
767
  - previews/primer/alpha/overlay_preview/middle_of_page.html.erb
766
768
  - previews/primer/alpha/overlay_preview/middle_of_page_with_relative_container.html.erb
@@ -820,6 +822,8 @@ files:
820
822
  - previews/primer/beta/button_preview/leading_visual.html.erb
821
823
  - previews/primer/beta/button_preview/leading_visual_svg.html.erb
822
824
  - previews/primer/beta/button_preview/link_scheme_label_wrap.html.erb
825
+ - previews/primer/beta/button_preview/small_scheme_one_character.html.erb
826
+ - previews/primer/beta/button_preview/summary_as_button.html.erb
823
827
  - previews/primer/beta/button_preview/trailing_action.html.erb
824
828
  - previews/primer/beta/button_preview/trailing_counter.html.erb
825
829
  - previews/primer/beta/button_preview/trailing_visual.html.erb