openproject-primer_view_components 0.12.1 → 0.13.0

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.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +35 -0
  3. data/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +1 -0
  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_bar/item.rb +7 -4
  9. data/app/components/primer/alpha/action_bar.rb +2 -2
  10. data/app/components/primer/alpha/action_bar_element.js +9 -4
  11. data/app/components/primer/alpha/action_bar_element.ts +9 -2
  12. data/app/components/primer/alpha/action_list/form_wrapper.html.erb +4 -2
  13. data/app/components/primer/alpha/action_list/form_wrapper.rb +20 -9
  14. data/app/components/primer/alpha/action_menu/action_menu_element.js +160 -85
  15. data/app/components/primer/alpha/action_menu/action_menu_element.ts +195 -81
  16. data/app/components/primer/alpha/action_menu/list.rb +0 -2
  17. data/app/components/primer/alpha/action_menu.rb +120 -3
  18. data/app/components/primer/alpha/modal_dialog.js +10 -13
  19. data/app/components/primer/alpha/modal_dialog.ts +10 -13
  20. data/app/components/primer/alpha/segmented_control/item.html.erb +1 -8
  21. data/app/components/primer/alpha/segmented_control/item.rb +38 -4
  22. data/app/components/primer/alpha/segmented_control.css +1 -1
  23. data/app/components/primer/alpha/segmented_control.css.json +14 -13
  24. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  25. data/app/components/primer/alpha/segmented_control.pcss +75 -66
  26. data/app/components/primer/alpha/segmented_control.rb +10 -0
  27. data/app/components/primer/alpha/text_field.css +1 -1
  28. data/app/components/primer/alpha/tool_tip.d.ts +1 -0
  29. data/app/components/primer/alpha/tool_tip.js +26 -93
  30. data/app/components/primer/alpha/tool_tip.ts +25 -91
  31. data/app/components/primer/beta/base_button.rb +4 -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.pcss +6 -2
  35. data/app/components/primer/focus_group.js +28 -3
  36. data/app/components/primer/focus_group.ts +27 -1
  37. data/lib/primer/accessibility.rb +3 -1
  38. data/lib/primer/static/generate_info_arch.rb +86 -5
  39. data/lib/primer/view_components/version.rb +2 -2
  40. data/previews/primer/alpha/action_menu_preview/single_select_form_items.html.erb +31 -0
  41. data/previews/primer/alpha/action_menu_preview/with_actions.html.erb +6 -5
  42. data/previews/primer/alpha/action_menu_preview.rb +10 -1
  43. data/previews/primer/alpha/check_box_preview.rb +1 -0
  44. data/previews/primer/alpha/dialog_preview/autofocus_element.html.erb +8 -0
  45. data/previews/primer/alpha/dialog_preview.rb +5 -0
  46. data/previews/primer/alpha/radio_button_preview.rb +1 -0
  47. data/previews/primer/alpha/segmented_control_preview.rb +35 -0
  48. data/previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb +23 -0
  49. data/previews/primer/alpha/tooltip_preview.rb +6 -1
  50. data/previews/primer/beta/button_group_preview.rb +6 -6
  51. data/previews/primer/beta/button_preview.rb +20 -2
  52. data/previews/primer/beta/icon_button_preview.rb +3 -0
  53. data/static/arguments.json +18 -1
  54. data/static/classes.json +12 -0
  55. data/static/constants.json +12 -1
  56. data/static/info_arch.json +137 -161
  57. data/static/previews.json +91 -172
  58. metadata +5 -310
@@ -139,7 +139,18 @@
139
139
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_bar/item.rb",
140
140
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_bar/item/default/",
141
141
  "parameters": [
142
-
142
+ {
143
+ "name": "item_content",
144
+ "type": "String",
145
+ "default": "N/A",
146
+ "description": "The content to render inside the item."
147
+ },
148
+ {
149
+ "name": "item_arguments",
150
+ "type": "Hash",
151
+ "default": "N/A",
152
+ "description": "{{link_to_system_arguments_docs}}"
153
+ }
143
154
  ],
144
155
  "slots": [
145
156
 
@@ -1117,8 +1128,8 @@
1117
1128
  },
1118
1129
  {
1119
1130
  "fully_qualified_name": "Primer::Alpha::ActionMenu",
1120
- "description": "ActionMenu is used for actions, navigation, to display secondary options, or single/multi select lists. They appear when users interact with buttons, actions, or other controls.\n\nThe only allowed elements for the `Item` components are: `:a`, `:button`, and `:clipboard-copy`. The default is `:button`.",
1121
- "accessibility_docs": "The action for the menu item needs to be on the element with `role=\"menuitem\"`. Semantics are removed for everything nested inside of it. When a menu item is selected, the menu will close immediately.\n\nAdditional information around the keyboard functionality and implementation can be found on the [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/#menu).",
1131
+ "description": "ActionMenu is used for actions, navigation, to display secondary options, or single/multi select lists. They appear when\nusers interact with buttons, actions, or other controls.\n\nThe only allowed elements for the `Item` components are: `:a`, `:button`, and `:clipboard-copy`. The default is `:button`.\n\n### Select variants\n\nWhile `ActionMenu`s default to a list of buttons that can link to other pages, copy text to the clipboard, etc, they also support\n`single` and `multiple` select variants. The single select variant allows a single item to be \"selected\" (i.e. marked \"active\")\nwhen clicked, which will cause a check mark to appear to the left of the item text. When the `multiple` select variant is chosen,\nmultiple items may be selected and check marks will appear next to each selected item.\n\nUse the `select_variant:` option to control which variant the `ActionMenu` uses. For more information, see the documentation on\nsupported arguments below.\n\n### Dynamic labels\n\nWhen using the `single` select variant, an optional label indicating the selected item can be displayed inside the menu button.\nDynamic labels can also be prefixed with custom text.\n\nPass `dynamic_label: true` to enable dynamic label behavior, and pass `dynamic_label_prefix: \"<string>\"` to set a custom prefix.\nFor more information, see the documentation on supported arguments below.\n\n### `ActionMenu`s as form inputs\n\nWhen using either the `single` or `multiple` select variants, `ActionMenu`s can be used as form inputs. They behave very\nsimilarly to how HTML `<select>` boxes behave, and play nicely with Rails' built-in form mechanisms. Pass arguments via the\n`form_arguments:` argument, including the Rails form builder object and the name of the field:\n\n```erb\n<% form_with(url: update_merge_strategy_path) do |f| %>\n <%= render(Primer::Alpha::ActionMenu.new(form_arguments: { builder: f, name: \"merge_strategy\" })) do |menu| %>\n <% menu.with_item(label: \"Fast forward\", data: { value: \"fast_forward\" }) %>\n <% menu.with_item(label: \"Recursive\", data: { value: \"recursive\" }) %>\n <% menu.with_item(label: \"Ours\", data: { value: \"ours\" }) %>\n <% menu.with_item(label: \"Theirs\", data: { value: \"theirs\" }) %>\n <% end %>\n<% end %>\n```\n\nThe value of the `data: { value: ... }` argument is sent to the server on submit, keyed using the name provided above\n(eg. `\"merge_strategy\"`). If no value is provided for an item, the value of that item is the item's label. Here's the\ncorresponding `MergeStrategyController` that might be written to handle the form above:\n\n```ruby\nclass MergeStrategyController < ApplicationController\n def update\n puts \"You chose #{merge_strategy_params[:merge_strategy]}\"\n end\n\n private\n\n def merge_strategy_params\n params.permit(:merge_strategy)\n end\nend\n```\n\n### `ActionMenu` items that submit forms\n\nWhereas `ActionMenu` items normally permit navigation via `<a>` tags which make HTTP `get` requests, `ActionMenu` items\nalso permit navigation via `POST` requests. To enable this behavior, include the `href:` argument as normal, but also pass\nthe `form_arguments:` argument to the appropriate item:\n\n```erb\n<%= render(Primer::Alpha::ActionMenu.new) do |menu| %>\n <% menu.with_item(\n label: \"Repository\",\n href: update_repo_grouping_path,\n form_arguments: {\n method: :post,\n name: \"group_by\",\n value: \"repository\"\n }\n ) %>\n<% end %>\n```\n\nMake sure to specify `method: :post`, as the default is `:get`. When clicked, the list item will submit a POST request to\nthe URL passed in the `href:` argument, including a parameter named `\"group_by\"` with a value of `\"repository\"`. If no value\nis given, the name, eg. `\"group_by\"`, will be used as the value.\n\nIt is possible to include multiple fields on submit. Instead of passing the `name:` and `value:` arguments, pass an array via\nthe `inputs:` argument:\n\n```erb\n<%= render(Primer::Alpha::ActionMenu.new) do |menu| %>\n <% menu.with_show_button { \"Group By\" } %>\n <% menu.with_item(\n label: \"Repository\",\n href: update_repo_grouping_path,\n form_arguments: {\n method: :post,\n inputs: [{\n name: \"group_by\",\n value: \"repository\"\n }, {\n name: \"some_other_field\",\n value: \"some value\",\n }],\n }\n ) %>\n<% end %>\n```\n\n### Form arguments\n\nThe following table summarizes the arguments allowed in the `form_arguments:` hash mentioned above.\n\n|Name |Type |Default|Description|\n|:----------------|:-------------|:------|:----------|\n|`method` |`Symbol` |`:get` |The HTTP request method to use to submit the form. One of `:get`, `:post`, `:patch`, `:put`, `:delete`, or `:head`|\n|`name` |`String` |`nil` |The name of the field that will be sent to the server on submit.|\n|`value` |`String` |`nil` |The value of the field that will be sent to the server on submit.|\n|`input_arguments`|`Hash` |`{}` |Additional key/value pairs to emit as HTML attributes on the `<input type=\"hidden\">` element.|\n|`inputs` |`Array<Hash>` |`[]` |An array of hashes representing HTML `<input type=\"hidden\">` elements. Must contain at least `name:` and `value:` keys. If additional key/value pairs are provided, they are emitted as HTML attributes on the `<input>` element. This argument supercedes the `name:`, `value:`, and `:input_arguments` arguments listed above.|\n\nThe elements of the `inputs:` array will be emitted as HTML `<input type=\"hidden\">` elements.",
1132
+ "accessibility_docs": "The action for the menu item needs to be on the element with `role=\"menuitem\"`. Semantics are removed for everything\nnested inside of it. When a menu item is selected, the menu will close immediately.\n\nAdditional information around the keyboard functionality and implementation can be found on the\n[WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.2/#menu).",
1122
1133
  "is_form_component": false,
1123
1134
  "is_published": true,
1124
1135
  "requires_js": true,
@@ -1519,6 +1530,19 @@
1519
1530
  ]
1520
1531
  }
1521
1532
  },
1533
+ {
1534
+ "preview_path": "primer/alpha/action_menu/single_select_form_items",
1535
+ "name": "single_select_form_items",
1536
+ "snapshot": "false",
1537
+ "skip_rules": {
1538
+ "wont_fix": [
1539
+ "region"
1540
+ ],
1541
+ "will_fix": [
1542
+ "color-contrast"
1543
+ ]
1544
+ }
1545
+ },
1522
1546
  {
1523
1547
  "preview_path": "primer/alpha/action_menu/multiple_select_form",
1524
1548
  "name": "multiple_select_form",
@@ -2565,84 +2589,7 @@
2565
2589
 
2566
2590
  ],
2567
2591
  "previews": [
2568
- {
2569
- "preview_path": "primer/alpha/check_box/playground",
2570
- "name": "playground",
2571
- "snapshot": "false",
2572
- "skip_rules": {
2573
- "wont_fix": [
2574
- "region"
2575
- ],
2576
- "will_fix": [
2577
- "color-contrast"
2578
- ]
2579
- }
2580
- },
2581
- {
2582
- "preview_path": "primer/alpha/check_box/default",
2583
- "name": "default",
2584
- "snapshot": "false",
2585
- "skip_rules": {
2586
- "wont_fix": [
2587
- "region"
2588
- ],
2589
- "will_fix": [
2590
- "color-contrast"
2591
- ]
2592
- }
2593
- },
2594
- {
2595
- "preview_path": "primer/alpha/check_box/with_caption",
2596
- "name": "with_caption",
2597
- "snapshot": "true",
2598
- "skip_rules": {
2599
- "wont_fix": [
2600
- "region"
2601
- ],
2602
- "will_fix": [
2603
- "color-contrast"
2604
- ]
2605
- }
2606
- },
2607
- {
2608
- "preview_path": "primer/alpha/check_box/checked",
2609
- "name": "checked",
2610
- "snapshot": "false",
2611
- "skip_rules": {
2612
- "wont_fix": [
2613
- "region"
2614
- ],
2615
- "will_fix": [
2616
- "color-contrast"
2617
- ]
2618
- }
2619
- },
2620
- {
2621
- "preview_path": "primer/alpha/check_box/visually_hide_label",
2622
- "name": "visually_hide_label",
2623
- "snapshot": "false",
2624
- "skip_rules": {
2625
- "wont_fix": [
2626
- "region"
2627
- ],
2628
- "will_fix": [
2629
- "color-contrast"
2630
- ]
2631
- }
2632
- },
2633
- {
2634
- "preview_path": "primer/alpha/check_box/disabled",
2635
- "name": "disabled",
2636
- "snapshot": "false",
2637
- "skip_rules": {
2638
- "wont_fix": [
2639
- "region"
2640
- ],
2641
- "will_fix": [
2642
- "color-contrast"
2643
- ]
2644
- }
2645
- }
2592
+
2646
2593
  ],
2647
2594
  "subcomponents": [
2648
2595
 
@@ -3095,6 +3042,19 @@
3095
3042
  "color-contrast"
3096
3043
  ]
3097
3044
  }
3045
+ },
3046
+ {
3047
+ "preview_path": "primer/alpha/dialog/autofocus_element",
3048
+ "name": "autofocus_element",
3049
+ "snapshot": "false",
3050
+ "skip_rules": {
3051
+ "wont_fix": [
3052
+ "region"
3053
+ ],
3054
+ "will_fix": [
3055
+ "color-contrast"
3056
+ ]
3057
+ }
3098
3058
  }
3099
3059
  ],
3100
3060
  "subcomponents": [
@@ -5977,84 +5937,7 @@
5977
5937
 
5978
5938
  ],
5979
5939
  "previews": [
5980
- {
5981
- "preview_path": "primer/alpha/radio_button/playground",
5982
- "name": "playground",
5983
- "snapshot": "false",
5984
- "skip_rules": {
5985
- "wont_fix": [
5986
- "region"
5987
- ],
5988
- "will_fix": [
5989
- "color-contrast"
5990
- ]
5991
- }
5992
- },
5993
- {
5994
- "preview_path": "primer/alpha/radio_button/default",
5995
- "name": "default",
5996
- "snapshot": "true",
5997
- "skip_rules": {
5998
- "wont_fix": [
5999
- "region"
6000
- ],
6001
- "will_fix": [
6002
- "color-contrast"
6003
- ]
6004
- }
6005
- },
6006
- {
6007
- "preview_path": "primer/alpha/radio_button/with_caption",
6008
- "name": "with_caption",
6009
- "snapshot": "true",
6010
- "skip_rules": {
6011
- "wont_fix": [
6012
- "region"
6013
- ],
6014
- "will_fix": [
6015
- "color-contrast"
6016
- ]
6017
- }
6018
- },
6019
- {
6020
- "preview_path": "primer/alpha/radio_button/checked",
6021
- "name": "checked",
6022
- "snapshot": "true",
6023
- "skip_rules": {
6024
- "wont_fix": [
6025
- "region"
6026
- ],
6027
- "will_fix": [
6028
- "color-contrast"
6029
- ]
6030
- }
6031
- },
6032
- {
6033
- "preview_path": "primer/alpha/radio_button/visually_hide_label",
6034
- "name": "visually_hide_label",
6035
- "snapshot": "true",
6036
- "skip_rules": {
6037
- "wont_fix": [
6038
- "region"
6039
- ],
6040
- "will_fix": [
6041
- "color-contrast"
6042
- ]
6043
- }
6044
- },
6045
- {
6046
- "preview_path": "primer/alpha/radio_button/disabled",
6047
- "name": "disabled",
6048
- "snapshot": "true",
6049
- "skip_rules": {
6050
- "wont_fix": [
6051
- "region"
6052
- ],
6053
- "will_fix": [
6054
- "color-contrast"
6055
- ]
6056
- }
6057
- }
5940
+
6058
5941
  ],
6059
5942
  "subcomponents": [
6060
5943
 
@@ -6398,6 +6281,45 @@
6398
6281
  ]
6399
6282
  }
6400
6283
  },
6284
+ {
6285
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_small",
6286
+ "name": "trailing_label_width_small",
6287
+ "snapshot": "true",
6288
+ "skip_rules": {
6289
+ "wont_fix": [
6290
+ "region"
6291
+ ],
6292
+ "will_fix": [
6293
+ "color-contrast"
6294
+ ]
6295
+ }
6296
+ },
6297
+ {
6298
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_medium",
6299
+ "name": "trailing_label_width_medium",
6300
+ "snapshot": "true",
6301
+ "skip_rules": {
6302
+ "wont_fix": [
6303
+ "region"
6304
+ ],
6305
+ "will_fix": [
6306
+ "color-contrast"
6307
+ ]
6308
+ }
6309
+ },
6310
+ {
6311
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_large",
6312
+ "name": "trailing_label_width_large",
6313
+ "snapshot": "true",
6314
+ "skip_rules": {
6315
+ "wont_fix": [
6316
+ "region"
6317
+ ],
6318
+ "will_fix": [
6319
+ "color-contrast"
6320
+ ]
6321
+ }
6322
+ },
6401
6323
  {
6402
6324
  "preview_path": "primer/alpha/segmented_control/icon_only_small",
6403
6325
  "name": "icon_only_small",
@@ -6557,10 +6479,32 @@
6557
6479
  }
6558
6480
  ],
6559
6481
  "slots": [
6560
-
6482
+ {
6483
+ "name": "trailing_visual_label",
6484
+ "description": "Optional trailing Label",
6485
+ "parameters": [
6486
+ {
6487
+ "name": "system_arguments",
6488
+ "type": "Hash",
6489
+ "default": "N/A",
6490
+ "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}'s `with_trailing_visual_label` slot."
6491
+ }
6492
+ ]
6493
+ }
6561
6494
  ],
6562
6495
  "methods": [
6563
-
6496
+ {
6497
+ "name": "with_trailing_visual_label",
6498
+ "description": "Optional trailing label.",
6499
+ "parameters": [
6500
+ {
6501
+ "name": "system_arguments",
6502
+ "type": "Hash",
6503
+ "default": "N/A",
6504
+ "description": "The arguments accepted by {{#link_to_component}}Primer::Beta::Button{{/link_to_component}}'s `with_trailing_visual_label` slot."
6505
+ }
6506
+ ]
6507
+ }
6564
6508
  ],
6565
6509
  "previews": [
6566
6510
 
@@ -8341,6 +8285,19 @@
8341
8285
  "color-contrast"
8342
8286
  ]
8343
8287
  }
8288
+ },
8289
+ {
8290
+ "preview_path": "primer/alpha/tooltip/tooltip_with_dialog_moving_focus_to_input",
8291
+ "name": "tooltip_with_dialog_moving_focus_to_input",
8292
+ "snapshot": "false",
8293
+ "skip_rules": {
8294
+ "wont_fix": [
8295
+ "region"
8296
+ ],
8297
+ "will_fix": [
8298
+ "color-contrast"
8299
+ ]
8300
+ }
8344
8301
  }
8345
8302
  ],
8346
8303
  "subcomponents": [
@@ -9534,6 +9491,12 @@
9534
9491
  "default": "`false`",
9535
9492
  "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
9536
9493
  },
9494
+ {
9495
+ "name": "inactive",
9496
+ "type": "Boolean",
9497
+ "default": "`false`",
9498
+ "description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
9499
+ },
9537
9500
  {
9538
9501
  "name": "system_arguments",
9539
9502
  "type": "Hash",
@@ -10599,6 +10562,19 @@
10599
10562
  "color-contrast"
10600
10563
  ]
10601
10564
  }
10565
+ },
10566
+ {
10567
+ "preview_path": "primer/beta/button/inactive",
10568
+ "name": "inactive",
10569
+ "snapshot": "true",
10570
+ "skip_rules": {
10571
+ "wont_fix": [
10572
+ "region"
10573
+ ],
10574
+ "will_fix": [
10575
+ "color-contrast"
10576
+ ]
10577
+ }
10602
10578
  }
10603
10579
  ],
10604
10580
  "subcomponents": [
data/static/previews.json CHANGED
@@ -580,6 +580,19 @@
580
580
  ]
581
581
  }
582
582
  },
583
+ {
584
+ "preview_path": "primer/alpha/action_menu/single_select_form_items",
585
+ "name": "single_select_form_items",
586
+ "snapshot": "false",
587
+ "skip_rules": {
588
+ "wont_fix": [
589
+ "region"
590
+ ],
591
+ "will_fix": [
592
+ "color-contrast"
593
+ ]
594
+ }
595
+ },
583
596
  {
584
597
  "preview_path": "primer/alpha/action_menu/multiple_select_form",
585
598
  "name": "multiple_select_form",
@@ -2144,6 +2157,19 @@
2144
2157
  "color-contrast"
2145
2158
  ]
2146
2159
  }
2160
+ },
2161
+ {
2162
+ "preview_path": "primer/beta/button/inactive",
2163
+ "name": "inactive",
2164
+ "snapshot": "true",
2165
+ "skip_rules": {
2166
+ "wont_fix": [
2167
+ "region"
2168
+ ],
2169
+ "will_fix": [
2170
+ "color-contrast"
2171
+ ]
2172
+ }
2147
2173
  }
2148
2174
  ]
2149
2175
  },
@@ -2332,92 +2358,6 @@
2332
2358
  }
2333
2359
  ]
2334
2360
  },
2335
- {
2336
- "name": "check_box",
2337
- "component": "CheckBox",
2338
- "status": "alpha",
2339
- "lookup_path": "primer/alpha/check_box",
2340
- "examples": [
2341
- {
2342
- "preview_path": "primer/alpha/check_box/playground",
2343
- "name": "playground",
2344
- "snapshot": "false",
2345
- "skip_rules": {
2346
- "wont_fix": [
2347
- "region"
2348
- ],
2349
- "will_fix": [
2350
- "color-contrast"
2351
- ]
2352
- }
2353
- },
2354
- {
2355
- "preview_path": "primer/alpha/check_box/default",
2356
- "name": "default",
2357
- "snapshot": "false",
2358
- "skip_rules": {
2359
- "wont_fix": [
2360
- "region"
2361
- ],
2362
- "will_fix": [
2363
- "color-contrast"
2364
- ]
2365
- }
2366
- },
2367
- {
2368
- "preview_path": "primer/alpha/check_box/with_caption",
2369
- "name": "with_caption",
2370
- "snapshot": "true",
2371
- "skip_rules": {
2372
- "wont_fix": [
2373
- "region"
2374
- ],
2375
- "will_fix": [
2376
- "color-contrast"
2377
- ]
2378
- }
2379
- },
2380
- {
2381
- "preview_path": "primer/alpha/check_box/checked",
2382
- "name": "checked",
2383
- "snapshot": "false",
2384
- "skip_rules": {
2385
- "wont_fix": [
2386
- "region"
2387
- ],
2388
- "will_fix": [
2389
- "color-contrast"
2390
- ]
2391
- }
2392
- },
2393
- {
2394
- "preview_path": "primer/alpha/check_box/visually_hide_label",
2395
- "name": "visually_hide_label",
2396
- "snapshot": "false",
2397
- "skip_rules": {
2398
- "wont_fix": [
2399
- "region"
2400
- ],
2401
- "will_fix": [
2402
- "color-contrast"
2403
- ]
2404
- }
2405
- },
2406
- {
2407
- "preview_path": "primer/alpha/check_box/disabled",
2408
- "name": "disabled",
2409
- "snapshot": "false",
2410
- "skip_rules": {
2411
- "wont_fix": [
2412
- "region"
2413
- ],
2414
- "will_fix": [
2415
- "color-contrast"
2416
- ]
2417
- }
2418
- }
2419
- ]
2420
- },
2421
2361
  {
2422
2362
  "name": "check_box_group",
2423
2363
  "component": "CheckBoxGroup",
@@ -2970,6 +2910,19 @@
2970
2910
  "color-contrast"
2971
2911
  ]
2972
2912
  }
2913
+ },
2914
+ {
2915
+ "preview_path": "primer/alpha/dialog/autofocus_element",
2916
+ "name": "autofocus_element",
2917
+ "snapshot": "false",
2918
+ "skip_rules": {
2919
+ "wont_fix": [
2920
+ "region"
2921
+ ],
2922
+ "will_fix": [
2923
+ "color-contrast"
2924
+ ]
2925
+ }
2973
2926
  }
2974
2927
  ]
2975
2928
  },
@@ -4891,92 +4844,6 @@
4891
4844
  }
4892
4845
  ]
4893
4846
  },
4894
- {
4895
- "name": "radio_button",
4896
- "component": "RadioButton",
4897
- "status": "alpha",
4898
- "lookup_path": "primer/alpha/radio_button",
4899
- "examples": [
4900
- {
4901
- "preview_path": "primer/alpha/radio_button/playground",
4902
- "name": "playground",
4903
- "snapshot": "false",
4904
- "skip_rules": {
4905
- "wont_fix": [
4906
- "region"
4907
- ],
4908
- "will_fix": [
4909
- "color-contrast"
4910
- ]
4911
- }
4912
- },
4913
- {
4914
- "preview_path": "primer/alpha/radio_button/default",
4915
- "name": "default",
4916
- "snapshot": "true",
4917
- "skip_rules": {
4918
- "wont_fix": [
4919
- "region"
4920
- ],
4921
- "will_fix": [
4922
- "color-contrast"
4923
- ]
4924
- }
4925
- },
4926
- {
4927
- "preview_path": "primer/alpha/radio_button/with_caption",
4928
- "name": "with_caption",
4929
- "snapshot": "true",
4930
- "skip_rules": {
4931
- "wont_fix": [
4932
- "region"
4933
- ],
4934
- "will_fix": [
4935
- "color-contrast"
4936
- ]
4937
- }
4938
- },
4939
- {
4940
- "preview_path": "primer/alpha/radio_button/checked",
4941
- "name": "checked",
4942
- "snapshot": "true",
4943
- "skip_rules": {
4944
- "wont_fix": [
4945
- "region"
4946
- ],
4947
- "will_fix": [
4948
- "color-contrast"
4949
- ]
4950
- }
4951
- },
4952
- {
4953
- "preview_path": "primer/alpha/radio_button/visually_hide_label",
4954
- "name": "visually_hide_label",
4955
- "snapshot": "true",
4956
- "skip_rules": {
4957
- "wont_fix": [
4958
- "region"
4959
- ],
4960
- "will_fix": [
4961
- "color-contrast"
4962
- ]
4963
- }
4964
- },
4965
- {
4966
- "preview_path": "primer/alpha/radio_button/disabled",
4967
- "name": "disabled",
4968
- "snapshot": "true",
4969
- "skip_rules": {
4970
- "wont_fix": [
4971
- "region"
4972
- ],
4973
- "will_fix": [
4974
- "color-contrast"
4975
- ]
4976
- }
4977
- }
4978
- ]
4979
- },
4980
4847
  {
4981
4848
  "name": "radio_button_group",
4982
4849
  "component": "RadioButtonGroup",
@@ -5259,6 +5126,45 @@
5259
5126
  ]
5260
5127
  }
5261
5128
  },
5129
+ {
5130
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_small",
5131
+ "name": "trailing_label_width_small",
5132
+ "snapshot": "true",
5133
+ "skip_rules": {
5134
+ "wont_fix": [
5135
+ "region"
5136
+ ],
5137
+ "will_fix": [
5138
+ "color-contrast"
5139
+ ]
5140
+ }
5141
+ },
5142
+ {
5143
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_medium",
5144
+ "name": "trailing_label_width_medium",
5145
+ "snapshot": "true",
5146
+ "skip_rules": {
5147
+ "wont_fix": [
5148
+ "region"
5149
+ ],
5150
+ "will_fix": [
5151
+ "color-contrast"
5152
+ ]
5153
+ }
5154
+ },
5155
+ {
5156
+ "preview_path": "primer/alpha/segmented_control/trailing_label_width_large",
5157
+ "name": "trailing_label_width_large",
5158
+ "snapshot": "true",
5159
+ "skip_rules": {
5160
+ "wont_fix": [
5161
+ "region"
5162
+ ],
5163
+ "will_fix": [
5164
+ "color-contrast"
5165
+ ]
5166
+ }
5167
+ },
5262
5168
  {
5263
5169
  "preview_path": "primer/alpha/segmented_control/icon_only_small",
5264
5170
  "name": "icon_only_small",
@@ -6600,6 +6506,19 @@
6600
6506
  "color-contrast"
6601
6507
  ]
6602
6508
  }
6509
+ },
6510
+ {
6511
+ "preview_path": "primer/alpha/tooltip/tooltip_with_dialog_moving_focus_to_input",
6512
+ "name": "tooltip_with_dialog_moving_focus_to_input",
6513
+ "snapshot": "false",
6514
+ "skip_rules": {
6515
+ "wont_fix": [
6516
+ "region"
6517
+ ],
6518
+ "will_fix": [
6519
+ "color-contrast"
6520
+ ]
6521
+ }
6603
6522
  }
6604
6523
  ]
6605
6524
  },