primer_view_components 0.1.4 → 0.1.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (120) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +30 -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 +2 -2
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list/heading.html.erb +1 -1
  8. data/app/components/primer/alpha/action_list/heading.rb +5 -3
  9. data/app/components/primer/alpha/action_list/item.html.erb +9 -0
  10. data/app/components/primer/alpha/action_list/item.rb +32 -11
  11. data/app/components/primer/alpha/action_list.css +1 -1
  12. data/app/components/primer/alpha/action_list.css.json +4 -41
  13. data/app/components/primer/alpha/action_list.css.map +1 -1
  14. data/app/components/primer/alpha/action_list.pcss +19 -20
  15. data/app/components/primer/alpha/action_list.rb +54 -6
  16. data/app/components/primer/alpha/action_menu/action_menu_element.d.ts +23 -0
  17. data/app/components/primer/alpha/action_menu/action_menu_element.js +165 -0
  18. data/app/components/primer/alpha/action_menu/action_menu_element.ts +168 -0
  19. data/app/components/primer/alpha/action_menu/list.rb +91 -0
  20. data/app/components/primer/alpha/action_menu.html.erb +26 -0
  21. data/app/components/primer/alpha/action_menu.rb +361 -0
  22. data/app/components/primer/alpha/auto_complete.css.json +0 -11
  23. data/app/components/primer/alpha/banner.css.json +0 -14
  24. data/app/components/primer/alpha/button_marketing.css.json +0 -10
  25. data/app/components/primer/alpha/dialog.css +1 -1
  26. data/app/components/primer/alpha/dialog.css.json +0 -65
  27. data/app/components/primer/alpha/dialog.css.map +1 -1
  28. data/app/components/primer/alpha/dialog.pcss +0 -4
  29. data/app/components/primer/alpha/dialog.rb +6 -2
  30. data/app/components/primer/alpha/dropdown/menu.rb +1 -1
  31. data/app/components/primer/alpha/dropdown.css.json +0 -21
  32. data/app/components/primer/alpha/layout.css.json +0 -27
  33. data/app/components/primer/alpha/menu.css.json +0 -11
  34. data/app/components/primer/alpha/modal_dialog.js +12 -0
  35. data/app/components/primer/alpha/modal_dialog.ts +17 -0
  36. data/app/components/primer/alpha/nav_list/item.rb +5 -0
  37. data/app/components/primer/alpha/overlay.css +1 -1
  38. data/app/components/primer/alpha/overlay.css.json +0 -3
  39. data/app/components/primer/alpha/overlay.css.map +1 -1
  40. data/app/components/primer/alpha/overlay.pcss +1 -0
  41. data/app/components/primer/alpha/overlay.rb +19 -19
  42. data/app/components/primer/alpha/segmented_control.css.json +0 -15
  43. data/app/components/primer/alpha/tab_nav.css.json +0 -10
  44. data/app/components/primer/alpha/text_field.css.json +0 -38
  45. data/app/components/primer/alpha/toggle_switch.css.json +0 -16
  46. data/app/components/primer/alpha/underline_nav.css.json +0 -13
  47. data/app/components/primer/beta/auto_complete/auto_complete.html.erb +1 -1
  48. data/app/components/primer/beta/auto_complete.rb +19 -1
  49. data/app/components/primer/beta/avatar.css.json +0 -14
  50. data/app/components/primer/beta/avatar_stack.css.json +0 -9
  51. data/app/components/primer/beta/blankslate.css.json +0 -12
  52. data/app/components/primer/beta/border_box.css.json +0 -32
  53. data/app/components/primer/beta/border_box.rb +3 -3
  54. data/app/components/primer/beta/breadcrumbs.css.json +0 -4
  55. data/app/components/primer/beta/button.css +1 -1
  56. data/app/components/primer/beta/button.css.json +0 -24
  57. data/app/components/primer/beta/button.css.map +1 -1
  58. data/app/components/primer/beta/button.pcss +5 -7
  59. data/app/components/primer/beta/counter.css.json +0 -6
  60. data/app/components/primer/beta/flash.css.json +0 -15
  61. data/app/components/primer/beta/label.css.json +0 -20
  62. data/app/components/primer/beta/link.css.json +0 -8
  63. data/app/components/primer/beta/popover.css.json +0 -18
  64. data/app/components/primer/beta/progress_bar.css.json +0 -6
  65. data/app/components/primer/beta/state.css.json +0 -10
  66. data/app/components/primer/beta/subhead.css.json +0 -8
  67. data/app/components/primer/beta/timeline_item.css.json +0 -9
  68. data/app/components/primer/beta/truncate.css.json +0 -6
  69. data/app/components/primer/focus_group.d.ts +19 -0
  70. data/app/components/primer/focus_group.js +144 -0
  71. data/app/components/primer/focus_group.ts +137 -0
  72. data/app/components/primer/icon_button.rb +1 -1
  73. data/app/components/primer/primer.d.ts +2 -0
  74. data/app/components/primer/primer.js +2 -0
  75. data/app/components/primer/primer.ts +2 -0
  76. data/app/components/primer/truncate.css.json +0 -7
  77. data/app/lib/primer/css/layout.css.json +0 -263
  78. data/app/lib/primer/css/utilities.css.json +0 -1636
  79. data/lib/primer/static/generate_arguments.rb +55 -0
  80. data/lib/primer/static/generate_audited_at.rb +17 -0
  81. data/lib/primer/static/generate_constants.rb +19 -0
  82. data/lib/primer/static/generate_info_arch.rb +156 -0
  83. data/lib/primer/static/generate_previews.rb +45 -0
  84. data/lib/primer/static/generate_statuses.rb +17 -0
  85. data/lib/primer/static.rb +72 -0
  86. data/lib/primer/view_components/linters/disallow_component_css_counter.rb +43 -4
  87. data/lib/primer/view_components/version.rb +1 -1
  88. data/lib/primer/view_components.rb +0 -48
  89. data/lib/primer/yard/component_manifest.rb +1 -0
  90. data/lib/primer/yard/component_ref.rb +14 -0
  91. data/lib/primer/yard/docs_helper.rb +3 -0
  92. data/lib/primer/yard/info_arch_docs_helper.rb +31 -0
  93. data/lib/primer/yard/legacy_gatsby_backend.rb +3 -35
  94. data/lib/primer/yard/registry.rb +2 -1
  95. data/lib/primer/yard.rb +1 -0
  96. data/lib/tasks/docs.rake +10 -12
  97. data/lib/tasks/static.rake +20 -28
  98. data/previews/primer/alpha/action_list_preview.rb +4 -1
  99. data/previews/primer/alpha/action_menu_preview/align_end.html.erb +6 -0
  100. data/previews/primer/alpha/action_menu_preview/content_labels.html.erb +9 -0
  101. data/previews/primer/alpha/action_menu_preview/opens_dialog.html.erb +21 -0
  102. data/previews/primer/alpha/action_menu_preview.rb +245 -0
  103. data/previews/primer/alpha/dialog_preview/body_has_scrollbar_overflow.html.erb +2 -2
  104. data/previews/primer/alpha/dialog_preview/custom_header.html.erb +3 -3
  105. data/previews/primer/alpha/dialog_preview/nested_dialog.html.erb +4 -4
  106. data/previews/primer/alpha/dialog_preview/test.html.erb +3 -3
  107. data/previews/primer/alpha/dialog_preview/with_footer.html.erb +3 -3
  108. data/previews/primer/alpha/dialog_preview/with_form.html.erb +1 -1
  109. data/previews/primer/alpha/dialog_preview/with_text_input.html.erb +2 -2
  110. data/previews/primer/alpha/dialog_preview.rb +7 -2
  111. data/previews/primer/beta/auto_complete_item_preview.rb +1 -0
  112. data/previews/primer/beta/auto_complete_preview.rb +36 -23
  113. data/static/arguments.json +3085 -1405
  114. data/static/audited_at.json +2 -0
  115. data/static/classes.json +576 -311
  116. data/static/constants.json +53 -2
  117. data/static/info_arch.json +8888 -0
  118. data/static/previews.json +226 -101
  119. data/static/statuses.json +2 -0
  120. metadata +28 -6
data/app/components/primer/truncate.css.json CHANGED
@@ -9,12 +9,5 @@
9
9
  ".css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target",
10
10
  ".css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target",
11
11
  ".css-truncate.expandable:hover .css-truncate-target"
12
- ],
13
- "classes": [
14
- "css-truncate",
15
- "css-truncate-overflow",
16
- "css-truncate-target",
17
- "expandable",
18
- "zeroclipboard-is-hover"
19
12
  ]
20
13
  }
data/app/lib/primer/css/layout.css.json CHANGED
@@ -312,268 +312,5 @@
312
312
  ".Stack--dir-inline-whenWide>.Stack-item>.Stack-divider",
313
313
  ".Stack-item--expand-whenWide",
314
314
  ".Stack-item--keepSize-whenWide"
315
- ],
316
- "classes": [
317
- "AppFrame",
318
- "AppFrame-a11yNav",
319
- "AppFrame-a11yLink",
320
- "AppFrame-main",
321
- "AppFrame-header-wrapper",
322
- "AppFrame-header",
323
- "AppFrame-subheader",
324
- "AppFrame-body",
325
- "AppFrame-footer",
326
- "container-sm",
327
- "container-md",
328
- "container-lg",
329
- "container-xl",
330
- "col-1",
331
- "col-2",
332
- "col-3",
333
- "col-4",
334
- "col-5",
335
- "col-6",
336
- "col-7",
337
- "col-8",
338
- "col-9",
339
- "col-10",
340
- "col-11",
341
- "col-12",
342
- "col-sm-1",
343
- "col-sm-2",
344
- "col-sm-3",
345
- "col-sm-4",
346
- "col-sm-5",
347
- "col-sm-6",
348
- "col-sm-7",
349
- "col-sm-8",
350
- "col-sm-9",
351
- "col-sm-10",
352
- "col-sm-11",
353
- "col-sm-12",
354
- "col-md-1",
355
- "col-md-2",
356
- "col-md-3",
357
- "col-md-4",
358
- "col-md-5",
359
- "col-md-6",
360
- "col-md-7",
361
- "col-md-8",
362
- "col-md-9",
363
- "col-md-10",
364
- "col-md-11",
365
- "col-md-12",
366
- "col-lg-1",
367
- "col-lg-2",
368
- "col-lg-3",
369
- "col-lg-4",
370
- "col-lg-5",
371
- "col-lg-6",
372
- "col-lg-7",
373
- "col-lg-8",
374
- "col-lg-9",
375
- "col-lg-10",
376
- "col-lg-11",
377
- "col-lg-12",
378
- "col-xl-1",
379
- "col-xl-2",
380
- "col-xl-3",
381
- "col-xl-4",
382
- "col-xl-5",
383
- "col-xl-6",
384
- "col-xl-7",
385
- "col-xl-8",
386
- "col-xl-9",
387
- "col-xl-10",
388
- "col-xl-11",
389
- "col-xl-12",
390
- "gutter",
391
- "col-",
392
- "gutter-condensed",
393
- "gutter-spacious",
394
- "gutter-sm",
395
- "gutter-sm-condensed",
396
- "gutter-sm-spacious",
397
- "gutter-md",
398
- "gutter-md-condensed",
399
- "gutter-md-spacious",
400
- "gutter-lg",
401
- "gutter-lg-condensed",
402
- "gutter-lg-spacious",
403
- "gutter-xl",
404
- "gutter-xl-condensed",
405
- "gutter-xl-spacious",
406
- "offset-1",
407
- "offset-2",
408
- "offset-3",
409
- "offset-4",
410
- "offset-5",
411
- "offset-6",
412
- "offset-7",
413
- "offset-8",
414
- "offset-9",
415
- "offset-10",
416
- "offset-11",
417
- "offset-sm-1",
418
- "offset-sm-2",
419
- "offset-sm-3",
420
- "offset-sm-4",
421
- "offset-sm-5",
422
- "offset-sm-6",
423
- "offset-sm-7",
424
- "offset-sm-8",
425
- "offset-sm-9",
426
- "offset-sm-10",
427
- "offset-sm-11",
428
- "offset-md-1",
429
- "offset-md-2",
430
- "offset-md-3",
431
- "offset-md-4",
432
- "offset-md-5",
433
- "offset-md-6",
434
- "offset-md-7",
435
- "offset-md-8",
436
- "offset-md-9",
437
- "offset-md-10",
438
- "offset-md-11",
439
- "offset-lg-1",
440
- "offset-lg-2",
441
- "offset-lg-3",
442
- "offset-lg-4",
443
- "offset-lg-5",
444
- "offset-lg-6",
445
- "offset-lg-7",
446
- "offset-lg-8",
447
- "offset-lg-9",
448
- "offset-lg-10",
449
- "offset-lg-11",
450
- "offset-xl-1",
451
- "offset-xl-2",
452
- "offset-xl-3",
453
- "offset-xl-4",
454
- "offset-xl-5",
455
- "offset-xl-6",
456
- "offset-xl-7",
457
- "offset-xl-8",
458
- "offset-xl-9",
459
- "offset-xl-10",
460
- "offset-xl-11",
461
- "PageLayout",
462
- "PageLayout--panePos-start",
463
- "PageLayout--panePos-end",
464
- "PageLayout-header--hasDivider",
465
- "PageLayout-footer--hasDivider",
466
- "PageLayout--hasPaneDivider",
467
- "PageLayout-pane",
468
- "PageLayout-content",
469
- "PageLayout-pane--sticky",
470
- "PageLayout-content-centered-",
471
- "container-",
472
- "PageLayout-content-centered-sm",
473
- "PageLayout-content-centered-md",
474
- "PageLayout-content-centered-lg",
475
- "PageLayout-content-centered-xl",
476
- "PageLayout--paneWidth-narrow",
477
- "PageLayout--paneWidth-wide",
478
- "PageLayout--responsive-stackRegions",
479
- "PageLayout--responsive-panePos-start",
480
- "PageLayout--responsive-separateRegions",
481
- "PageLayout--responsive-primary-content",
482
- "PageLayout--responsive-primary-pane",
483
- "PageLayout-region--dividerNarrow-line-before",
484
- "PageLayout-region--dividerNarrow-line-after",
485
- "PageLayout-region--dividerNarrow-filled-before",
486
- "PageLayout-region--dividerNarrow-filled-after",
487
- "PageLayout-wrapper",
488
- "PageLayout-columns",
489
- "PageLayout--outerSpacing-normal",
490
- "PageLayout--outerSpacing-condensed",
491
- "PageLayout--innerSpacing-normal",
492
- "PageLayout--innerSpacing-condensed",
493
- "PageLayout--columnGap-normal",
494
- "PageLayout--columnGap-condensed",
495
- "PageLayout--columnGap-none",
496
- "PageLayout--rowGap-normal",
497
- "PageLayout--rowGap-none",
498
- "PageLayout--rowGap-condensed",
499
- "PageLayout-header",
500
- "PageLayout-footer",
501
- "Stack",
502
- "Stack-divider",
503
- "Stack-item",
504
- "Stack--dir-inline-whenNarrow",
505
- "Stack--dir-block-whenNarrow",
506
- "Stack--gap-none-whenNarrow",
507
- "Stack--gap-condensed-whenNarrow",
508
- "Stack--gap-normal-whenNarrow",
509
- "Stack--align-start-whenNarrow",
510
- "Stack--align-center-whenNarrow",
511
- "Stack--align-end-whenNarrow",
512
- "Stack--align-baseline-whenNarrow",
513
- "Stack--alignWrap-start-whenNarrow",
514
- "Stack--alignWrap-center-whenNarrow",
515
- "Stack--alignWrap-end-whenNarrow",
516
- "Stack--alignWrap-distribute-whenNarrow",
517
- "Stack--alignWrap-distributeEvenly-whenNarrow",
518
- "Stack--spread-start-whenNarrow",
519
- "Stack--spread-center-whenNarrow",
520
- "Stack--spread-end-whenNarrow",
521
- "Stack--spread-distribute-whenNarrow",
522
- "Stack--spread-distributeEvenly-whenNarrow",
523
- "Stack--wrap-whenNarrow",
524
- "Stack--nowrap-whenNarrow",
525
- "Stack--showDividers-whenNarrow",
526
- "Stack-item--expand-whenNarrow",
527
- "Stack-item--keepSize-whenNarrow",
528
- "Stack--dir-inline-whenRegular",
529
- "Stack--dir-block-whenRegular",
530
- "Stack--gap-none-whenRegular",
531
- "Stack--gap-condensed-whenRegular",
532
- "Stack--gap-normal-whenRegular",
533
- "Stack--gap-spacious-whenRegular",
534
- "Stack--align-start-whenRegular",
535
- "Stack--align-center-whenRegular",
536
- "Stack--align-end-whenRegular",
537
- "Stack--align-baseline-whenRegular",
538
- "Stack--alignWrap-start-whenRegular",
539
- "Stack--alignWrap-center-whenRegular",
540
- "Stack--alignWrap-end-whenRegular",
541
- "Stack--alignWrap-distribute-whenRegular",
542
- "Stack--alignWrap-distributeEvenly-whenRegular",
543
- "Stack--spread-start-whenRegular",
544
- "Stack--spread-center-whenRegular",
545
- "Stack--spread-end-whenRegular",
546
- "Stack--spread-distribute-whenRegular",
547
- "Stack--spread-distributeEvenly-whenRegular",
548
- "Stack--wrap-whenRegular",
549
- "Stack--nowrap-whenRegular",
550
- "Stack--showDividers-whenRegular",
551
- "Stack-item--expand-whenRegular",
552
- "Stack-item--keepSize-whenRegular",
553
- "Stack--dir-inline-whenWide",
554
- "Stack--dir-block-whenWide",
555
- "Stack--gap-none-whenWide",
556
- "Stack--gap-condensed-whenWide",
557
- "Stack--gap-normal-whenWide",
558
- "Stack--gap-spacious-whenWide",
559
- "Stack--align-start-whenWide",
560
- "Stack--align-center-whenWide",
561
- "Stack--align-end-whenWide",
562
- "Stack--align-baseline-whenWide",
563
- "Stack--alignWrap-start-whenWide",
564
- "Stack--alignWrap-center-whenWide",
565
- "Stack--alignWrap-end-whenWide",
566
- "Stack--alignWrap-distribute-whenWide",
567
- "Stack--alignWrap-distributeEvenly-whenWide",
568
- "Stack--spread-start-whenWide",
569
- "Stack--spread-center-whenWide",
570
- "Stack--spread-end-whenWide",
571
- "Stack--spread-distribute-whenWide",
572
- "Stack--spread-distributeEvenly-whenWide",
573
- "Stack--wrap-whenWide",
574
- "Stack--nowrap-whenWide",
575
- "Stack--showDividers-whenWide",
576
- "Stack-item--expand-whenWide",
577
- "Stack-item--keepSize-whenWide"
578
315
  ]
579
316
  }