@primer/view-components 0.35.0-rc.5668df81 → 0.35.0-rc.641faa6e

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. package/app/assets/styles/primer_view_components.css +1 -1
  2. package/app/assets/styles/primer_view_components.css.map +1 -1
  3. package/app/components/primer/alpha/action_bar_element.d.ts +17 -0
  4. package/app/components/primer/alpha/action_list.css +1 -1
  5. package/app/components/primer/alpha/action_list.d.ts +16 -0
  6. package/app/components/primer/alpha/action_menu/action_menu_element.d.ts +42 -0
  7. package/app/components/primer/alpha/dialog.css +1 -1
  8. package/app/components/primer/alpha/dropdown/menu.d.ts +1 -0
  9. package/app/components/primer/alpha/dropdown.d.ts +1 -0
  10. package/app/components/primer/alpha/image_crop.d.ts +1 -0
  11. package/app/components/primer/alpha/modal_dialog.d.ts +18 -0
  12. package/app/components/primer/alpha/segmented_control.d.ts +12 -0
  13. package/app/components/primer/alpha/select_panel_element.d.ts +63 -0
  14. package/app/components/primer/alpha/stack.css +1 -0
  15. package/app/components/primer/alpha/stack.css.json +90 -0
  16. package/app/components/primer/alpha/stack_item.css +1 -0
  17. package/app/components/primer/alpha/stack_item.css.json +12 -0
  18. package/app/components/primer/alpha/tab_container.d.ts +1 -0
  19. package/app/components/primer/alpha/text_field.css +1 -1
  20. package/app/components/primer/alpha/toggle_switch.d.ts +34 -0
  21. package/app/components/primer/alpha/tool_tip.d.ts +27 -0
  22. package/app/components/primer/alpha/x_banner.d.ts +18 -0
  23. package/app/components/primer/anchored_position.d.ts +27 -0
  24. package/app/components/primer/aria_live.d.ts +8 -0
  25. package/app/components/primer/beta/auto_complete/auto_complete.d.ts +1 -0
  26. package/app/components/primer/beta/clipboard_copy.d.ts +1 -0
  27. package/app/components/primer/beta/nav_list.d.ts +20 -0
  28. package/app/components/primer/beta/nav_list_group_element.d.ts +19 -0
  29. package/app/components/primer/beta/relative_time.d.ts +1 -0
  30. package/app/components/primer/dialog_helper.d.ts +15 -0
  31. package/app/components/primer/focus_group.d.ts +19 -0
  32. package/app/components/primer/primer.d.ts +28 -0
  33. package/app/components/primer/scrollable_region.d.ts +13 -0
  34. package/app/components/primer/shared_events.d.ts +11 -0
  35. package/app/lib/primer/forms/primer_multi_input.js +44 -0
  36. package/app/lib/primer/forms/primer_text_field.js +119 -0
  37. package/app/lib/primer/forms/toggle_switch_input.js +34 -0
  38. package/package.json +6 -6
  39. package/static/arguments.json +86 -0
  40. package/static/audited_at.json +2 -0
  41. package/static/classes.json +6 -0
  42. package/static/constants.json +24 -0
  43. package/static/info_arch.json +172 -0
  44. package/static/previews.json +68 -0
  45. package/static/statuses.json +2 -0
  46. /package/{lib → app/lib}/primer/forms/primer_multi_input.d.ts +0 -0
  47. /package/{lib → app/lib}/primer/forms/primer_text_field.d.ts +0 -0
  48. /package/{lib → app/lib}/primer/forms/toggle_switch_input.d.ts +0 -0
@@ -8248,6 +8248,178 @@
8248
8248
  }
8249
8249
  ]
8250
8250
  },
8251
+ {
8252
+ "fully_qualified_name": "Primer::Alpha::Stack",
8253
+ "description": "Stack is a layout component that creates responsive horizontal and vertical flows.",
8254
+ "accessibility_docs": null,
8255
+ "is_form_component": false,
8256
+ "is_published": true,
8257
+ "requires_js": false,
8258
+ "component": "Stack",
8259
+ "status": "alpha",
8260
+ "a11y_reviewed": false,
8261
+ "short_name": "Stack",
8262
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
8263
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
8264
+ "parameters": [
8265
+ {
8266
+ "name": "tag",
8267
+ "type": "Symbol",
8268
+ "default": "`:div`",
8269
+ "description": "Customize the element type of the rendered container."
8270
+ },
8271
+ {
8272
+ "name": "gap",
8273
+ "type": "Symbol",
8274
+ "default": "`GapArg::DEFAULT`",
8275
+ "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
8276
+ },
8277
+ {
8278
+ "name": "direction",
8279
+ "type": "Symbol",
8280
+ "default": "`:vertical`",
8281
+ "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
8282
+ },
8283
+ {
8284
+ "name": "align",
8285
+ "type": "Symbol",
8286
+ "default": "`:stretch`",
8287
+ "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
8288
+ },
8289
+ {
8290
+ "name": "wrap",
8291
+ "type": "Symbol",
8292
+ "default": "`:nowrap`",
8293
+ "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, or `:wrap`."
8294
+ },
8295
+ {
8296
+ "name": "justify",
8297
+ "type": "Symbol",
8298
+ "default": "`:start`",
8299
+ "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
8300
+ },
8301
+ {
8302
+ "name": "padding",
8303
+ "type": "Symbol",
8304
+ "default": "`:none`",
8305
+ "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
8306
+ },
8307
+ {
8308
+ "name": "system_arguments",
8309
+ "type": "Hash",
8310
+ "default": "N/A",
8311
+ "description": "{{link_to_system_arguments_docs}}"
8312
+ }
8313
+ ],
8314
+ "slots": [
8315
+
8316
+ ],
8317
+ "methods": [
8318
+
8319
+ ],
8320
+ "previews": [
8321
+ {
8322
+ "preview_path": "primer/alpha/stack/default",
8323
+ "name": "default",
8324
+ "snapshot": "false",
8325
+ "skip_rules": {
8326
+ "wont_fix": [
8327
+ "region"
8328
+ ],
8329
+ "will_fix": [
8330
+ "color-contrast"
8331
+ ]
8332
+ }
8333
+ },
8334
+ {
8335
+ "preview_path": "primer/alpha/stack/playground",
8336
+ "name": "playground",
8337
+ "snapshot": "false",
8338
+ "skip_rules": {
8339
+ "wont_fix": [
8340
+ "region"
8341
+ ],
8342
+ "will_fix": [
8343
+ "color-contrast"
8344
+ ]
8345
+ }
8346
+ }
8347
+ ],
8348
+ "subcomponents": [
8349
+
8350
+ ]
8351
+ },
8352
+ {
8353
+ "fully_qualified_name": "Primer::Alpha::StackItem",
8354
+ "description": "StackItem is a layout component designed to be used as the child of a Stack.",
8355
+ "accessibility_docs": null,
8356
+ "is_form_component": false,
8357
+ "is_published": true,
8358
+ "requires_js": false,
8359
+ "component": "StackItem",
8360
+ "status": "alpha",
8361
+ "a11y_reviewed": false,
8362
+ "short_name": "StackItem",
8363
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
8364
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
8365
+ "parameters": [
8366
+ {
8367
+ "name": "tag",
8368
+ "type": "Symbol",
8369
+ "default": "`:div`",
8370
+ "description": "Customize the element type of the rendered container."
8371
+ },
8372
+ {
8373
+ "name": "grow",
8374
+ "type": "Boolean",
8375
+ "default": "`false`",
8376
+ "description": "Allow item to keep size or expand to fill the available space."
8377
+ },
8378
+ {
8379
+ "name": "system_arguments",
8380
+ "type": "Hash",
8381
+ "default": "N/A",
8382
+ "description": "{{link_to_system_arguments_docs}}"
8383
+ }
8384
+ ],
8385
+ "slots": [
8386
+
8387
+ ],
8388
+ "methods": [
8389
+
8390
+ ],
8391
+ "previews": [
8392
+ {
8393
+ "preview_path": "primer/alpha/stack_item/default",
8394
+ "name": "default",
8395
+ "snapshot": "false",
8396
+ "skip_rules": {
8397
+ "wont_fix": [
8398
+ "region"
8399
+ ],
8400
+ "will_fix": [
8401
+ "color-contrast"
8402
+ ]
8403
+ }
8404
+ },
8405
+ {
8406
+ "preview_path": "primer/alpha/stack_item/playground",
8407
+ "name": "playground",
8408
+ "snapshot": "false",
8409
+ "skip_rules": {
8410
+ "wont_fix": [
8411
+ "region"
8412
+ ],
8413
+ "will_fix": [
8414
+ "color-contrast"
8415
+ ]
8416
+ }
8417
+ }
8418
+ ],
8419
+ "subcomponents": [
8420
+
8421
+ ]
8422
+ },
8251
8423
  {
8252
8424
  "fully_qualified_name": "Primer::Alpha::SubmitButton",
8253
8425
  "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.",
@@ -6249,6 +6249,74 @@
6249
6249
  }
6250
6250
  ]
6251
6251
  },
6252
+ {
6253
+ "name": "stack",
6254
+ "component": "Stack",
6255
+ "status": "alpha",
6256
+ "lookup_path": "primer/alpha/stack",
6257
+ "examples": [
6258
+ {
6259
+ "preview_path": "primer/alpha/stack/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/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
+ },
6286
+ {
6287
+ "name": "stack_item",
6288
+ "component": "StackItem",
6289
+ "status": "alpha",
6290
+ "lookup_path": "primer/alpha/stack_item",
6291
+ "examples": [
6292
+ {
6293
+ "preview_path": "primer/alpha/stack_item/default",
6294
+ "name": "default",
6295
+ "snapshot": "false",
6296
+ "skip_rules": {
6297
+ "wont_fix": [
6298
+ "region"
6299
+ ],
6300
+ "will_fix": [
6301
+ "color-contrast"
6302
+ ]
6303
+ }
6304
+ },
6305
+ {
6306
+ "preview_path": "primer/alpha/stack_item/playground",
6307
+ "name": "playground",
6308
+ "snapshot": "false",
6309
+ "skip_rules": {
6310
+ "wont_fix": [
6311
+ "region"
6312
+ ],
6313
+ "will_fix": [
6314
+ "color-contrast"
6315
+ ]
6316
+ }
6317
+ }
6318
+ ]
6319
+ },
6252
6320
  {
6253
6321
  "name": "state",
6254
6322
  "component": "State",
@@ -54,6 +54,8 @@
54
54
  "Primer::Alpha::Select": "alpha",
55
55
  "Primer::Alpha::SelectPanel": "alpha",
56
56
  "Primer::Alpha::SelectPanel::ItemList": "alpha",
57
+ "Primer::Alpha::Stack": "alpha",
58
+ "Primer::Alpha::StackItem": "alpha",
57
59
  "Primer::Alpha::SubmitButton": "alpha",
58
60
  "Primer::Alpha::TabContainer": "alpha",
59
61
  "Primer::Alpha::TabNav": "alpha",