@primer/view-components 0.35.0-rc.05e7928c → 0.35.0-rc.121ad8cd

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. package/app/assets/javascripts/components/primer/primer.d.ts +0 -1
  2. package/app/assets/javascripts/primer_view_components.js +1 -1
  3. package/app/assets/javascripts/primer_view_components.js.map +1 -1
  4. package/app/assets/styles/primer_view_components.css +1 -1
  5. package/app/assets/styles/primer_view_components.css.map +1 -1
  6. package/app/components/primer/alpha/action_bar_element.d.ts +17 -0
  7. package/app/components/primer/alpha/action_bar_element.js +0 -3
  8. package/app/components/primer/alpha/action_list.css +1 -1
  9. package/app/components/primer/alpha/action_list.d.ts +16 -0
  10. package/app/components/primer/alpha/action_menu/action_menu_element.d.ts +42 -0
  11. package/app/components/primer/alpha/auto_complete.css +1 -1
  12. package/app/components/primer/alpha/banner.css +1 -1
  13. package/app/components/primer/alpha/dialog.css +1 -1
  14. package/app/components/primer/alpha/dialog.css.json +2 -1
  15. package/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
  16. package/app/components/primer/alpha/dropdown.css +1 -1
  17. package/app/components/primer/alpha/dropdown.d.ts +1 -0
  18. package/app/components/primer/alpha/modal_dialog.d.ts +18 -0
  19. package/app/components/primer/alpha/segmented_control.d.ts +12 -0
  20. package/app/components/primer/alpha/select_panel_element.d.ts +63 -0
  21. package/app/components/primer/alpha/stack.css +1 -0
  22. package/app/components/primer/alpha/stack.css.json +90 -0
  23. package/app/components/primer/alpha/stack_item.css +1 -0
  24. package/app/components/primer/alpha/stack_item.css.json +12 -0
  25. package/app/components/primer/alpha/tab_container.d.ts +1 -0
  26. package/app/components/primer/alpha/tab_nav.css +1 -1
  27. package/app/components/primer/alpha/text_field.css +1 -1
  28. package/app/components/primer/alpha/toggle_switch.css +1 -1
  29. package/app/components/primer/alpha/toggle_switch.d.ts +34 -0
  30. package/app/components/primer/alpha/tool_tip.d.ts +27 -0
  31. package/app/components/primer/alpha/underline_nav.css +1 -1
  32. package/app/components/primer/alpha/x_banner.d.ts +18 -0
  33. package/app/components/primer/anchored_position.d.ts +27 -0
  34. package/app/components/primer/aria_live.d.ts +8 -0
  35. package/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
  36. package/app/components/primer/beta/avatar.css +1 -1
  37. package/app/components/primer/beta/avatar_stack.css +1 -1
  38. package/app/components/primer/beta/blankslate.css +1 -1
  39. package/app/components/primer/beta/border_box.css +1 -1
  40. package/app/components/primer/beta/button.css +1 -1
  41. package/app/components/primer/beta/clipboard_copy.d.ts +1 -0
  42. package/app/components/primer/beta/counter.css +1 -1
  43. package/app/components/primer/beta/nav_list.d.ts +20 -0
  44. package/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
  45. package/app/components/primer/beta/popover.css +1 -1
  46. package/app/components/primer/beta/progress_bar.css +1 -1
  47. package/app/components/primer/beta/relative_time.d.ts +1 -0
  48. package/app/components/primer/beta/state.css +1 -1
  49. package/app/components/primer/dialog_helper.d.ts +15 -0
  50. package/app/components/primer/dialog_helper.js +0 -1
  51. package/app/components/primer/focus_group.d.ts +19 -0
  52. package/app/components/primer/primer.d.ts +27 -0
  53. package/app/components/primer/primer.js +0 -1
  54. package/app/components/primer/scrollable_region.d.ts +13 -0
  55. package/app/components/primer/shared_events.d.ts +11 -0
  56. package/app/lib/primer/forms/primer_multi_input.js +44 -0
  57. package/app/lib/primer/forms/primer_text_field.js +119 -0
  58. package/app/lib/primer/forms/toggle_switch_input.js +34 -0
  59. package/package.json +8 -9
  60. package/static/arguments.json +92 -28
  61. package/static/audited_at.json +2 -1
  62. package/static/classes.json +6 -0
  63. package/static/constants.json +24 -2
  64. package/static/info_arch.json +191 -95
  65. package/static/previews.json +81 -47
  66. package/static/statuses.json +2 -1
  67. package/app/assets/javascripts/components/primer/alpha/image_crop.d.ts +0 -1
  68. package/app/components/primer/alpha/image_crop.js +0 -1
  69. /package/{lib → app/lib}/primer/forms/primer_multi_input.d.ts +0 -0
  70. /package/{lib → app/lib}/primer/forms/primer_text_field.d.ts +0 -0
  71. /package/{lib → app/lib}/primer/forms/toggle_switch_input.d.ts +0 -0
@@ -3306,6 +3306,12 @@
3306
3306
  "default": "`false`",
3307
3307
  "description": "If true will hide the heading title, while still making it available to Screen Readers."
3308
3308
  },
3309
+ {
3310
+ "name": "disable_scroll",
3311
+ "type": "Boolean",
3312
+ "default": "`true`",
3313
+ "description": "When true, disables scrolling the page when the dialog is open."
3314
+ },
3309
3315
  {
3310
3316
  "name": "system_arguments",
3311
3317
  "type": "Hash",
@@ -4614,101 +4620,6 @@
4614
4620
 
4615
4621
  ]
4616
4622
  },
4617
- {
4618
- "fully_qualified_name": "Primer::Alpha::ImageCrop",
4619
- "description": "A client-side mechanism to crop images.",
4620
- "accessibility_docs": null,
4621
- "is_form_component": false,
4622
- "is_published": true,
4623
- "requires_js": true,
4624
- "component": "ImageCrop",
4625
- "status": "alpha",
4626
- "a11y_reviewed": false,
4627
- "short_name": "ImageCrop",
4628
- "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
4629
- "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
4630
- "parameters": [
4631
- {
4632
- "name": "src",
4633
- "type": "String",
4634
- "default": "N/A",
4635
- "description": "The path of the image to crop."
4636
- },
4637
- {
4638
- "name": "rounded",
4639
- "type": "Boolean",
4640
- "default": "`true`",
4641
- "description": "If the crop mask should be a circle. Defaults to true."
4642
- },
4643
- {
4644
- "name": "system_arguments",
4645
- "type": "Hash",
4646
- "default": "N/A",
4647
- "description": "{{link_to_system_arguments_docs}}"
4648
- }
4649
- ],
4650
- "slots": [
4651
- {
4652
- "name": "loading",
4653
- "description": "A loading indicator that is shown while the image is loading.",
4654
- "parameters": [
4655
- {
4656
- "name": "system_arguments",
4657
- "type": "Hash",
4658
- "default": "N/A",
4659
- "description": "{{link_to_system_arguments_docs}}"
4660
- }
4661
- ]
4662
- }
4663
- ],
4664
- "methods": [
4665
-
4666
- ],
4667
- "previews": [
4668
- {
4669
- "preview_path": "primer/alpha/image_crop/playground",
4670
- "name": "playground",
4671
- "snapshot": "false",
4672
- "skip_rules": {
4673
- "wont_fix": [
4674
- "region"
4675
- ],
4676
- "will_fix": [
4677
- "color-contrast"
4678
- ]
4679
- }
4680
- },
4681
- {
4682
- "preview_path": "primer/alpha/image_crop/default",
4683
- "name": "default",
4684
- "snapshot": "false",
4685
- "skip_rules": {
4686
- "wont_fix": [
4687
- "region"
4688
- ],
4689
- "will_fix": [
4690
- "color-contrast"
4691
- ]
4692
- }
4693
- },
4694
- {
4695
- "preview_path": "primer/alpha/image_crop/loading",
4696
- "name": "loading",
4697
- "snapshot": "false",
4698
- "skip_rules": {
4699
- "wont_fix": [
4700
- "region"
4701
- ],
4702
- "will_fix": [
4703
- "color-contrast"
4704
- ]
4705
- }
4706
- }
4707
- ],
4708
- "subcomponents": [
4709
-
4710
- ]
4711
- },
4712
4623
  {
4713
4624
  "fully_qualified_name": "Primer::Alpha::Layout",
4714
4625
  "description": "`Layout` provides foundational patterns for responsive pages.\n`Layout` can be used for simple two-column pages, or it can be nested to provide flexible 3-column experiences.\n On smaller screens, `Layout` uses vertically stacked rows to display content.\n\n`Layout` flows as both column, when there's enough horizontal space to render both `Main` and `Sidebar`side-by-side (on a desktop of tablet device, per instance);\nor it flows as a row, when `Main` and `Sidebar` are stacked vertically (e.g. on a mobile device).\n`Layout` should always work in any screen size.",
@@ -8185,6 +8096,19 @@
8185
8096
  "color-contrast"
8186
8097
  ]
8187
8098
  }
8099
+ },
8100
+ {
8101
+ "preview_path": "primer/alpha/select_panel/scroll_container",
8102
+ "name": "scroll_container",
8103
+ "snapshot": "false",
8104
+ "skip_rules": {
8105
+ "wont_fix": [
8106
+ "region"
8107
+ ],
8108
+ "will_fix": [
8109
+ "color-contrast"
8110
+ ]
8111
+ }
8188
8112
  }
8189
8113
  ],
8190
8114
  "subcomponents": [
@@ -8248,6 +8172,178 @@
8248
8172
  }
8249
8173
  ]
8250
8174
  },
8175
+ {
8176
+ "fully_qualified_name": "Primer::Alpha::Stack",
8177
+ "description": "Stack is a layout component that creates responsive horizontal and vertical flows.",
8178
+ "accessibility_docs": null,
8179
+ "is_form_component": false,
8180
+ "is_published": true,
8181
+ "requires_js": false,
8182
+ "component": "Stack",
8183
+ "status": "alpha",
8184
+ "a11y_reviewed": false,
8185
+ "short_name": "Stack",
8186
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
8187
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
8188
+ "parameters": [
8189
+ {
8190
+ "name": "tag",
8191
+ "type": "Symbol",
8192
+ "default": "`:div`",
8193
+ "description": "Customize the element type of the rendered container."
8194
+ },
8195
+ {
8196
+ "name": "gap",
8197
+ "type": "Symbol",
8198
+ "default": "`GapArg::DEFAULT`",
8199
+ "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
8200
+ },
8201
+ {
8202
+ "name": "direction",
8203
+ "type": "Symbol",
8204
+ "default": "`:vertical`",
8205
+ "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
8206
+ },
8207
+ {
8208
+ "name": "align",
8209
+ "type": "Symbol",
8210
+ "default": "`:stretch`",
8211
+ "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
8212
+ },
8213
+ {
8214
+ "name": "wrap",
8215
+ "type": "Symbol",
8216
+ "default": "`:nowrap`",
8217
+ "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, or `:wrap`."
8218
+ },
8219
+ {
8220
+ "name": "justify",
8221
+ "type": "Symbol",
8222
+ "default": "`:start`",
8223
+ "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
8224
+ },
8225
+ {
8226
+ "name": "padding",
8227
+ "type": "Symbol",
8228
+ "default": "`:none`",
8229
+ "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
8230
+ },
8231
+ {
8232
+ "name": "system_arguments",
8233
+ "type": "Hash",
8234
+ "default": "N/A",
8235
+ "description": "{{link_to_system_arguments_docs}}"
8236
+ }
8237
+ ],
8238
+ "slots": [
8239
+
8240
+ ],
8241
+ "methods": [
8242
+
8243
+ ],
8244
+ "previews": [
8245
+ {
8246
+ "preview_path": "primer/alpha/stack/default",
8247
+ "name": "default",
8248
+ "snapshot": "false",
8249
+ "skip_rules": {
8250
+ "wont_fix": [
8251
+ "region"
8252
+ ],
8253
+ "will_fix": [
8254
+ "color-contrast"
8255
+ ]
8256
+ }
8257
+ },
8258
+ {
8259
+ "preview_path": "primer/alpha/stack/playground",
8260
+ "name": "playground",
8261
+ "snapshot": "false",
8262
+ "skip_rules": {
8263
+ "wont_fix": [
8264
+ "region"
8265
+ ],
8266
+ "will_fix": [
8267
+ "color-contrast"
8268
+ ]
8269
+ }
8270
+ }
8271
+ ],
8272
+ "subcomponents": [
8273
+
8274
+ ]
8275
+ },
8276
+ {
8277
+ "fully_qualified_name": "Primer::Alpha::StackItem",
8278
+ "description": "StackItem is a layout component designed to be used as the child of a Stack.",
8279
+ "accessibility_docs": null,
8280
+ "is_form_component": false,
8281
+ "is_published": true,
8282
+ "requires_js": false,
8283
+ "component": "StackItem",
8284
+ "status": "alpha",
8285
+ "a11y_reviewed": false,
8286
+ "short_name": "StackItem",
8287
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
8288
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
8289
+ "parameters": [
8290
+ {
8291
+ "name": "tag",
8292
+ "type": "Symbol",
8293
+ "default": "`:div`",
8294
+ "description": "Customize the element type of the rendered container."
8295
+ },
8296
+ {
8297
+ "name": "grow",
8298
+ "type": "Boolean",
8299
+ "default": "`false`",
8300
+ "description": "Allow item to keep size or expand to fill the available space."
8301
+ },
8302
+ {
8303
+ "name": "system_arguments",
8304
+ "type": "Hash",
8305
+ "default": "N/A",
8306
+ "description": "{{link_to_system_arguments_docs}}"
8307
+ }
8308
+ ],
8309
+ "slots": [
8310
+
8311
+ ],
8312
+ "methods": [
8313
+
8314
+ ],
8315
+ "previews": [
8316
+ {
8317
+ "preview_path": "primer/alpha/stack_item/default",
8318
+ "name": "default",
8319
+ "snapshot": "false",
8320
+ "skip_rules": {
8321
+ "wont_fix": [
8322
+ "region"
8323
+ ],
8324
+ "will_fix": [
8325
+ "color-contrast"
8326
+ ]
8327
+ }
8328
+ },
8329
+ {
8330
+ "preview_path": "primer/alpha/stack_item/playground",
8331
+ "name": "playground",
8332
+ "snapshot": "false",
8333
+ "skip_rules": {
8334
+ "wont_fix": [
8335
+ "region"
8336
+ ],
8337
+ "will_fix": [
8338
+ "color-contrast"
8339
+ ]
8340
+ }
8341
+ }
8342
+ ],
8343
+ "subcomponents": [
8344
+
8345
+ ]
8346
+ },
8251
8347
  {
8252
8348
  "fully_qualified_name": "Primer::Alpha::SubmitButton",
8253
8349
  "description": "A submit button input rendered using the HTML `<button type=\"submit\">` tag.\n\nThis component wraps the Primer button component and supports the same slots and arguments.",
@@ -3978,53 +3978,6 @@
3978
3978
  }
3979
3979
  ]
3980
3980
  },
3981
- {
3982
- "name": "image_crop",
3983
- "component": "ImageCrop",
3984
- "status": "alpha",
3985
- "lookup_path": "primer/alpha/image_crop",
3986
- "examples": [
3987
- {
3988
- "preview_path": "primer/alpha/image_crop/playground",
3989
- "name": "playground",
3990
- "snapshot": "false",
3991
- "skip_rules": {
3992
- "wont_fix": [
3993
- "region"
3994
- ],
3995
- "will_fix": [
3996
- "color-contrast"
3997
- ]
3998
- }
3999
- },
4000
- {
4001
- "preview_path": "primer/alpha/image_crop/default",
4002
- "name": "default",
4003
- "snapshot": "false",
4004
- "skip_rules": {
4005
- "wont_fix": [
4006
- "region"
4007
- ],
4008
- "will_fix": [
4009
- "color-contrast"
4010
- ]
4011
- }
4012
- },
4013
- {
4014
- "preview_path": "primer/alpha/image_crop/loading",
4015
- "name": "loading",
4016
- "snapshot": "false",
4017
- "skip_rules": {
4018
- "wont_fix": [
4019
- "region"
4020
- ],
4021
- "will_fix": [
4022
- "color-contrast"
4023
- ]
4024
- }
4025
- }
4026
- ]
4027
- },
4028
3981
  {
4029
3982
  "name": "label",
4030
3983
  "component": "Label",
@@ -6212,6 +6165,19 @@
6212
6165
  "color-contrast"
6213
6166
  ]
6214
6167
  }
6168
+ },
6169
+ {
6170
+ "preview_path": "primer/alpha/select_panel/scroll_container",
6171
+ "name": "scroll_container",
6172
+ "snapshot": "false",
6173
+ "skip_rules": {
6174
+ "wont_fix": [
6175
+ "region"
6176
+ ],
6177
+ "will_fix": [
6178
+ "color-contrast"
6179
+ ]
6180
+ }
6215
6181
  }
6216
6182
  ]
6217
6183
  },
@@ -6249,6 +6215,74 @@
6249
6215
  }
6250
6216
  ]
6251
6217
  },
6218
+ {
6219
+ "name": "stack",
6220
+ "component": "Stack",
6221
+ "status": "alpha",
6222
+ "lookup_path": "primer/alpha/stack",
6223
+ "examples": [
6224
+ {
6225
+ "preview_path": "primer/alpha/stack/default",
6226
+ "name": "default",
6227
+ "snapshot": "false",
6228
+ "skip_rules": {
6229
+ "wont_fix": [
6230
+ "region"
6231
+ ],
6232
+ "will_fix": [
6233
+ "color-contrast"
6234
+ ]
6235
+ }
6236
+ },
6237
+ {
6238
+ "preview_path": "primer/alpha/stack/playground",
6239
+ "name": "playground",
6240
+ "snapshot": "false",
6241
+ "skip_rules": {
6242
+ "wont_fix": [
6243
+ "region"
6244
+ ],
6245
+ "will_fix": [
6246
+ "color-contrast"
6247
+ ]
6248
+ }
6249
+ }
6250
+ ]
6251
+ },
6252
+ {
6253
+ "name": "stack_item",
6254
+ "component": "StackItem",
6255
+ "status": "alpha",
6256
+ "lookup_path": "primer/alpha/stack_item",
6257
+ "examples": [
6258
+ {
6259
+ "preview_path": "primer/alpha/stack_item/default",
6260
+ "name": "default",
6261
+ "snapshot": "false",
6262
+ "skip_rules": {
6263
+ "wont_fix": [
6264
+ "region"
6265
+ ],
6266
+ "will_fix": [
6267
+ "color-contrast"
6268
+ ]
6269
+ }
6270
+ },
6271
+ {
6272
+ "preview_path": "primer/alpha/stack_item/playground",
6273
+ "name": "playground",
6274
+ "snapshot": "false",
6275
+ "skip_rules": {
6276
+ "wont_fix": [
6277
+ "region"
6278
+ ],
6279
+ "will_fix": [
6280
+ "color-contrast"
6281
+ ]
6282
+ }
6283
+ }
6284
+ ]
6285
+ },
6252
6286
  {
6253
6287
  "name": "state",
6254
6288
  "component": "State",
@@ -30,7 +30,6 @@
30
30
  "Primer::Alpha::HellipButton": "alpha",
31
31
  "Primer::Alpha::HiddenTextExpander": "alpha",
32
32
  "Primer::Alpha::Image": "alpha",
33
- "Primer::Alpha::ImageCrop": "alpha",
34
33
  "Primer::Alpha::Layout": "alpha",
35
34
  "Primer::Alpha::Layout::Main": "alpha",
36
35
  "Primer::Alpha::Layout::Sidebar": "alpha",
@@ -54,6 +53,8 @@
54
53
  "Primer::Alpha::Select": "alpha",
55
54
  "Primer::Alpha::SelectPanel": "alpha",
56
55
  "Primer::Alpha::SelectPanel::ItemList": "alpha",
56
+ "Primer::Alpha::Stack": "alpha",
57
+ "Primer::Alpha::StackItem": "alpha",
57
58
  "Primer::Alpha::SubmitButton": "alpha",
58
59
  "Primer::Alpha::TabContainer": "alpha",
59
60
  "Primer::Alpha::TabNav": "alpha",
@@ -1 +0,0 @@
1
- import '@github/image-crop-element';
@@ -1 +0,0 @@
1
- import '@github/image-crop-element';