openproject-primer_view_components 0.10.0 → 0.12.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (117) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +87 -0
  3. data/app/assets/javascripts/app/components/primer/primer.d.ts +1 -1
  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_menu/action_menu_element.js +2 -1
  9. data/app/components/primer/alpha/action_menu/action_menu_element.ts +2 -1
  10. data/app/components/primer/alpha/check_box_group.rb +2 -0
  11. data/app/components/primer/alpha/dialog/header.rb +12 -0
  12. data/app/components/primer/alpha/dialog.rb +1 -1
  13. data/app/components/primer/alpha/nav_list/divider.rb +2 -5
  14. data/app/components/primer/alpha/nav_list/group.rb +2 -98
  15. data/app/components/primer/alpha/nav_list/heading.rb +2 -27
  16. data/app/components/primer/alpha/nav_list/item.rb +2 -147
  17. data/app/components/primer/alpha/nav_list.rb +2 -205
  18. data/app/components/primer/alpha/overlay.css +1 -1
  19. data/app/components/primer/alpha/overlay.css.map +1 -1
  20. data/app/components/primer/alpha/overlay.pcss +1 -7
  21. data/app/components/primer/alpha/overlay.rb +6 -4
  22. data/app/components/primer/alpha/radio_button_group.rb +2 -0
  23. data/app/components/primer/alpha/text_field.css +1 -1
  24. data/app/components/primer/alpha/text_field.css.json +4 -1
  25. data/app/components/primer/alpha/text_field.css.map +1 -1
  26. data/app/components/primer/alpha/text_field.pcss +18 -3
  27. data/app/components/primer/alpha/tooltip.rb +3 -1
  28. data/app/components/primer/beta/button.css +1 -1
  29. data/app/components/primer/beta/button.css.json +2 -0
  30. data/app/components/primer/beta/button.css.map +1 -1
  31. data/app/components/primer/beta/button.pcss +11 -3
  32. data/app/components/primer/beta/icon_button.html.erb +1 -1
  33. data/app/components/primer/beta/icon_button.rb +8 -1
  34. data/app/components/primer/beta/link.css +1 -1
  35. data/app/components/primer/beta/link.css.json +1 -0
  36. data/app/components/primer/beta/link.css.map +1 -1
  37. data/app/components/primer/beta/link.pcss +5 -0
  38. data/app/components/primer/beta/link.rb +2 -2
  39. data/app/components/primer/beta/nav_list/divider.rb +14 -0
  40. data/app/components/primer/beta/nav_list/group.rb +107 -0
  41. data/app/components/primer/beta/nav_list/heading.rb +36 -0
  42. data/app/components/primer/beta/nav_list/item.rb +156 -0
  43. data/app/components/primer/beta/nav_list.rb +212 -0
  44. data/app/components/primer/focus_group.js +2 -1
  45. data/app/components/primer/focus_group.ts +2 -1
  46. data/app/components/primer/open_project/border_grid/cell.html.erb +3 -0
  47. data/app/components/primer/open_project/border_grid/cell.rb +25 -0
  48. data/app/components/primer/open_project/border_grid.css +1 -0
  49. data/app/components/primer/open_project/border_grid.css.json +11 -0
  50. data/app/components/primer/open_project/border_grid.css.map +1 -0
  51. data/app/components/primer/open_project/border_grid.html.erb +7 -0
  52. data/app/components/primer/open_project/border_grid.pcss +35 -0
  53. data/app/components/primer/open_project/border_grid.rb +36 -0
  54. data/app/components/primer/open_project/drag_handle.css +1 -0
  55. data/app/components/primer/open_project/drag_handle.css.json +6 -0
  56. data/app/components/primer/open_project/drag_handle.css.map +1 -0
  57. data/app/components/primer/open_project/drag_handle.html.erb +6 -0
  58. data/app/components/primer/open_project/drag_handle.pcss +6 -0
  59. data/app/components/primer/open_project/drag_handle.rb +28 -0
  60. data/app/components/primer/open_project/flex_layout.html.erb +23 -0
  61. data/app/components/primer/open_project/flex_layout.rb +52 -0
  62. data/app/components/primer/open_project/grid_layout/area.rb +38 -0
  63. data/app/components/primer/open_project/grid_layout.html.erb +11 -0
  64. data/app/components/primer/open_project/grid_layout.rb +34 -0
  65. data/app/components/primer/open_project/page_header.css +1 -1
  66. data/app/components/primer/open_project/page_header.css.map +1 -1
  67. data/app/components/primer/open_project/page_header.pcss +4 -0
  68. data/app/components/primer/primer.d.ts +1 -1
  69. data/app/components/primer/primer.js +1 -1
  70. data/app/components/primer/primer.pcss +2 -0
  71. data/app/components/primer/primer.ts +1 -1
  72. data/app/helpers/primer/form_helper.rb +10 -0
  73. data/lib/primer/deprecations.yml +20 -0
  74. data/lib/primer/forms/check_box_group.html.erb +3 -0
  75. data/lib/primer/forms/dsl/check_box_group_input.rb +1 -5
  76. data/lib/primer/forms/dsl/check_box_input.rb +5 -0
  77. data/lib/primer/forms/dsl/radio_button_input.rb +5 -0
  78. data/lib/primer/forms/form_control.html.erb +1 -4
  79. data/lib/primer/forms/radio_button_group.html.erb +3 -0
  80. data/lib/primer/forms/utils.rb +2 -0
  81. data/lib/primer/forms/validation_message.html.erb +4 -0
  82. data/lib/primer/forms/validation_message.rb +14 -0
  83. data/lib/primer/forms.rb +16 -0
  84. data/lib/primer/view_components/version.rb +2 -2
  85. data/lib/primer/yard/component_manifest.rb +4 -0
  86. data/previews/primer/alpha/check_box_group_preview.rb +13 -0
  87. data/previews/primer/alpha/dialog_preview/with_header.html.erb +5 -0
  88. data/previews/primer/alpha/dialog_preview.rb +17 -0
  89. data/previews/primer/alpha/overlay_preview.rb +1 -1
  90. data/previews/primer/alpha/radio_button_group_preview.rb +13 -0
  91. data/previews/primer/alpha/radio_button_preview.rb +1 -1
  92. data/previews/primer/alpha/text_field_preview/input_group_leading_action_menu.html.erb +21 -0
  93. data/previews/primer/alpha/text_field_preview/input_group_leading_button.html.erb +18 -0
  94. data/previews/primer/alpha/text_field_preview/input_group_trailing_button.html.erb +18 -0
  95. data/previews/primer/alpha/text_field_preview.rb +21 -0
  96. data/previews/primer/beta/button_preview.rb +1 -1
  97. data/previews/primer/{alpha → beta}/nav_list_preview/trailing_action.html.erb +1 -1
  98. data/previews/primer/{alpha → beta}/nav_list_preview.rb +5 -5
  99. data/previews/primer/open_project/border_grid_preview.rb +42 -0
  100. data/previews/primer/open_project/drag_handle_preview.rb +23 -0
  101. data/previews/primer/open_project/flex_layout_preview.rb +73 -0
  102. data/previews/primer/open_project/grid_layout_preview.rb +37 -0
  103. data/static/arguments.json +314 -6
  104. data/static/audited_at.json +11 -0
  105. data/static/classes.json +18 -0
  106. data/static/constants.json +48 -0
  107. data/static/info_arch.json +1867 -955
  108. data/static/previews.json +273 -7
  109. data/static/statuses.json +16 -5
  110. metadata +46 -11
  111. /data/app/assets/javascripts/app/components/primer/{alpha → beta}/nav_list.d.ts +0 -0
  112. /data/app/components/primer/{alpha → beta}/nav_list/group.html.erb +0 -0
  113. /data/app/components/primer/{alpha → beta}/nav_list/item.html.erb +0 -0
  114. /data/app/components/primer/{alpha → beta}/nav_list.d.ts +0 -0
  115. /data/app/components/primer/{alpha → beta}/nav_list.html.erb +0 -0
  116. /data/app/components/primer/{alpha → beta}/nav_list.js +0 -0
  117. /data/app/components/primer/{alpha → beta}/nav_list.ts +0 -0
@@ -772,6 +772,18 @@
772
772
  "default": "N/A",
773
773
  "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
774
774
  },
775
+ {
776
+ "name": "invalid",
777
+ "type": "Boolean",
778
+ "default": "N/A",
779
+ "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
780
+ },
781
+ {
782
+ "name": "validation_message",
783
+ "type": "String",
784
+ "default": "N/A",
785
+ "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
786
+ },
775
787
  {
776
788
  "name": "label_arguments",
777
789
  "type": "Hash",
@@ -884,6 +896,12 @@
884
896
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/header.rb",
885
897
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/header/default/",
886
898
  "parameters": [
899
+ {
900
+ "name": "id",
901
+ "type": "String",
902
+ "default": "N/A",
903
+ "description": "The HTML element's ID value."
904
+ },
887
905
  {
888
906
  "name": "title",
889
907
  "type": "String",
@@ -908,6 +926,12 @@
908
926
  "default": "`false`",
909
927
  "description": "Visually hide the `title` while maintaining a label for assistive technologies."
910
928
  },
929
+ {
930
+ "name": "variant",
931
+ "type": "Symbol",
932
+ "default": "`:medium`",
933
+ "description": "One of `:large` or `:medium`."
934
+ },
911
935
  {
912
936
  "name": "system_arguments",
913
937
  "type": "Hash",
@@ -1420,7 +1444,7 @@
1420
1444
  },
1421
1445
  {
1422
1446
  "component": "NavList",
1423
- "status": "alpha",
1447
+ "status": "deprecated",
1424
1448
  "a11y_reviewed": true,
1425
1449
  "short_name": "NavList",
1426
1450
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
@@ -1442,7 +1466,7 @@
1442
1466
  },
1443
1467
  {
1444
1468
  "component": "NavList::Divider",
1445
- "status": "alpha",
1469
+ "status": "deprecated",
1446
1470
  "a11y_reviewed": false,
1447
1471
  "short_name": "NavListDivider",
1448
1472
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/divider.rb",
@@ -1464,7 +1488,7 @@
1464
1488
  },
1465
1489
  {
1466
1490
  "component": "NavList::Group",
1467
- "status": "alpha",
1491
+ "status": "deprecated",
1468
1492
  "a11y_reviewed": true,
1469
1493
  "short_name": "NavListGroup",
1470
1494
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
@@ -1486,7 +1510,7 @@
1486
1510
  },
1487
1511
  {
1488
1512
  "component": "NavList::Heading",
1489
- "status": "alpha",
1513
+ "status": "deprecated",
1490
1514
  "a11y_reviewed": false,
1491
1515
  "short_name": "NavListHeading",
1492
1516
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/heading.rb",
@@ -1520,7 +1544,7 @@
1520
1544
  },
1521
1545
  {
1522
1546
  "component": "NavList::Item",
1523
- "status": "alpha",
1547
+ "status": "deprecated",
1524
1548
  "a11y_reviewed": false,
1525
1549
  "short_name": "NavListItem",
1526
1550
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
@@ -1966,6 +1990,18 @@
1966
1990
  "default": "N/A",
1967
1991
  "description": "A string describing the field and what sorts of input it expects. Displayed below the group."
1968
1992
  },
1993
+ {
1994
+ "name": "invalid",
1995
+ "type": "Boolean",
1996
+ "default": "N/A",
1997
+ "description": "If set to `true`, the input will be marked as invalid. Implied if `validation_message` is truthy. This option is set to `true` automatically if the model object associated with the form reports that the input is invalid via Rails validations. It is provided for cases where the form does not have an associated model. If the input is invalid as determined by Rails validations, setting `invalid` to `false` will have no effect."
1998
+ },
1999
+ {
2000
+ "name": "validation_message",
2001
+ "type": "String",
2002
+ "default": "N/A",
2003
+ "description": "A string displayed between the caption and the input indicating the input's contents are invalid. This option is, by default, set to the first Rails validation message for the input (assuming the form is associated with a model object). Use `validation_message` to override the default or to provide a validation message in case there is no associated model object."
2004
+ },
1969
2005
  {
1970
2006
  "name": "label_arguments",
1971
2007
  "type": "Hash",
@@ -3647,7 +3683,7 @@
3647
3683
  {
3648
3684
  "name": "underline",
3649
3685
  "type": "Boolean",
3650
- "default": "`true`",
3686
+ "default": "`false`",
3651
3687
  "description": "Whether or not to underline the link."
3652
3688
  },
3653
3689
  {
@@ -3680,6 +3716,146 @@
3680
3716
  }
3681
3717
  ]
3682
3718
  },
3719
+ {
3720
+ "component": "NavList",
3721
+ "status": "beta",
3722
+ "a11y_reviewed": true,
3723
+ "short_name": "NavList",
3724
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list.rb",
3725
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/default/",
3726
+ "parameters": [
3727
+ {
3728
+ "name": "selected_item_id",
3729
+ "type": "Symbol",
3730
+ "default": "`nil`",
3731
+ "description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
3732
+ },
3733
+ {
3734
+ "name": "system_arguments",
3735
+ "type": "Hash",
3736
+ "default": "N/A",
3737
+ "description": "[System arguments](/system-arguments)"
3738
+ }
3739
+ ]
3740
+ },
3741
+ {
3742
+ "component": "NavList::Divider",
3743
+ "status": "alpha",
3744
+ "a11y_reviewed": false,
3745
+ "short_name": "NavListDivider",
3746
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/divider.rb",
3747
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/divider/default/",
3748
+ "parameters": [
3749
+ {
3750
+ "name": "scheme",
3751
+ "type": "Symbol",
3752
+ "default": "`:subtle`",
3753
+ "description": "Display a background color if scheme is `filled`."
3754
+ },
3755
+ {
3756
+ "name": "system_arguments",
3757
+ "type": "Hash",
3758
+ "default": "N/A",
3759
+ "description": "[System arguments](/system-arguments)"
3760
+ }
3761
+ ]
3762
+ },
3763
+ {
3764
+ "component": "NavList::Group",
3765
+ "status": "alpha",
3766
+ "a11y_reviewed": true,
3767
+ "short_name": "NavListGroup",
3768
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/group.rb",
3769
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/group/default/",
3770
+ "parameters": [
3771
+ {
3772
+ "name": "selected_item_id",
3773
+ "type": "Symbol",
3774
+ "default": "`nil`",
3775
+ "description": "The ID of the currently selected item. Used internally."
3776
+ },
3777
+ {
3778
+ "name": "system_arguments",
3779
+ "type": "Hash",
3780
+ "default": "N/A",
3781
+ "description": "[System arguments](/system-arguments)"
3782
+ }
3783
+ ]
3784
+ },
3785
+ {
3786
+ "component": "NavList::Heading",
3787
+ "status": "alpha",
3788
+ "a11y_reviewed": false,
3789
+ "short_name": "NavListHeading",
3790
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/heading.rb",
3791
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/heading/default/",
3792
+ "parameters": [
3793
+ {
3794
+ "name": "title",
3795
+ "type": "String",
3796
+ "default": "N/A",
3797
+ "description": "The text content of the heading."
3798
+ },
3799
+ {
3800
+ "name": "id",
3801
+ "type": "String",
3802
+ "default": "`self.class.generate_id`",
3803
+ "description": "The value of the ID HTML attribute. Auto-generated by default."
3804
+ },
3805
+ {
3806
+ "name": "heading_level",
3807
+ "type": "Integer",
3808
+ "default": "`2`",
3809
+ "description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
3810
+ },
3811
+ {
3812
+ "name": "system_arguments",
3813
+ "type": "Hash",
3814
+ "default": "N/A",
3815
+ "description": "[System arguments](/system-arguments)"
3816
+ }
3817
+ ]
3818
+ },
3819
+ {
3820
+ "component": "NavList::Item",
3821
+ "status": "alpha",
3822
+ "a11y_reviewed": false,
3823
+ "short_name": "NavListItem",
3824
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/item.rb",
3825
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/item/default/",
3826
+ "parameters": [
3827
+ {
3828
+ "name": "selected_item_id",
3829
+ "type": "Symbol",
3830
+ "default": "`nil`",
3831
+ "description": "The ID of the currently selected list item. Used internally."
3832
+ },
3833
+ {
3834
+ "name": "selected_by_ids",
3835
+ "type": "Array<Symbol>",
3836
+ "default": "`[]`",
3837
+ "description": "The list of IDs that select this item. In other words, if the `selected_item_id` attribute on the parent `NavList` is set to one of these IDs, the item will appear selected."
3838
+ },
3839
+ {
3840
+ "name": "expanded",
3841
+ "type": "Boolean",
3842
+ "default": "`false`",
3843
+ "description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
3844
+ },
3845
+ {
3846
+ "name": "sub_item",
3847
+ "type": "Boolean",
3848
+ "default": "`false`",
3849
+ "description": "Whether or not this item is nested under a parent item. Used internally."
3850
+ },
3851
+ {
3852
+ "name": "system_arguments",
3853
+ "type": "Hash",
3854
+ "default": "N/A",
3855
+ "description": "[System arguments](/system-arguments)"
3856
+ }
3857
+ ]
3858
+ },
3683
3859
  {
3684
3860
  "component": "Octicon",
3685
3861
  "status": "beta",
@@ -4423,6 +4599,138 @@
4423
4599
  }
4424
4600
  ]
4425
4601
  },
4602
+ {
4603
+ "component": "OpenProject::BorderGrid",
4604
+ "status": "open_project",
4605
+ "a11y_reviewed": false,
4606
+ "short_name": "OpenProjectBorderGrid",
4607
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid.rb",
4608
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/default/",
4609
+ "parameters": [
4610
+ {
4611
+ "name": "spacious",
4612
+ "type": "Boolean",
4613
+ "default": "`false`",
4614
+ "description": "Whether to add margin to the bottom of the component."
4615
+ },
4616
+ {
4617
+ "name": "system_arguments",
4618
+ "type": "Hash",
4619
+ "default": "N/A",
4620
+ "description": "[System arguments](/system-arguments)"
4621
+ }
4622
+ ]
4623
+ },
4624
+ {
4625
+ "component": "OpenProject::BorderGrid::Cell",
4626
+ "status": "open_project",
4627
+ "a11y_reviewed": false,
4628
+ "short_name": "OpenProjectBorderGridCell",
4629
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_grid/cell.rb",
4630
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_grid/cell/default/",
4631
+ "parameters": [
4632
+ {
4633
+ "name": "system_arguments",
4634
+ "type": "Hash",
4635
+ "default": "N/A",
4636
+ "description": "[System arguments](/system-arguments)"
4637
+ }
4638
+ ]
4639
+ },
4640
+ {
4641
+ "component": "OpenProject::DragHandle",
4642
+ "status": "open_project",
4643
+ "a11y_reviewed": false,
4644
+ "short_name": "OpenProjectDragHandle",
4645
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/drag_handle.rb",
4646
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/drag_handle/default/",
4647
+ "parameters": [
4648
+ {
4649
+ "name": "system_arguments",
4650
+ "type": "Hash",
4651
+ "default": "N/A",
4652
+ "description": "[System arguments](/system-arguments)"
4653
+ }
4654
+ ]
4655
+ },
4656
+ {
4657
+ "component": "OpenProject::FlexLayout",
4658
+ "status": "open_project",
4659
+ "a11y_reviewed": false,
4660
+ "short_name": "OpenProjectFlexLayout",
4661
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/flex_layout.rb",
4662
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/flex_layout/default/",
4663
+ "parameters": [
4664
+ {
4665
+ "name": "system_arguments",
4666
+ "type": "Hash",
4667
+ "default": "N/A",
4668
+ "description": "[System arguments](/system-arguments)"
4669
+ }
4670
+ ]
4671
+ },
4672
+ {
4673
+ "component": "OpenProject::GridLayout",
4674
+ "status": "open_project",
4675
+ "a11y_reviewed": false,
4676
+ "short_name": "OpenProjectGridLayout",
4677
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout.rb",
4678
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/default/",
4679
+ "parameters": [
4680
+ {
4681
+ "name": "css_class",
4682
+ "type": "String",
4683
+ "default": "N/A",
4684
+ "description": "The basic css class applied on the grid-container"
4685
+ },
4686
+ {
4687
+ "name": "system_arguments",
4688
+ "type": "Hash",
4689
+ "default": "N/A",
4690
+ "description": "[System arguments](/system-arguments)"
4691
+ }
4692
+ ]
4693
+ },
4694
+ {
4695
+ "component": "OpenProject::GridLayout::Area",
4696
+ "status": "open_project",
4697
+ "a11y_reviewed": false,
4698
+ "short_name": "OpenProjectGridLayoutArea",
4699
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout/area.rb",
4700
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/area/default/",
4701
+ "parameters": [
4702
+ {
4703
+ "name": "css_class",
4704
+ "type": "String",
4705
+ "default": "N/A",
4706
+ "description": "The basic css class applied on the grid-container"
4707
+ },
4708
+ {
4709
+ "name": "area_name",
4710
+ "type": "Symbol",
4711
+ "default": "N/A",
4712
+ "description": "The specific area name, used for creating the element class and the \"grid-area\" style"
4713
+ },
4714
+ {
4715
+ "name": "component",
4716
+ "type": "ViewComponent::Base",
4717
+ "default": "`Primer::BaseComponent`",
4718
+ "description": "The instance of the component to be rendered."
4719
+ },
4720
+ {
4721
+ "name": "tag",
4722
+ "type": "Symbol",
4723
+ "default": "`:div`",
4724
+ "description": "One of `:div` or `:span`."
4725
+ },
4726
+ {
4727
+ "name": "system_arguments",
4728
+ "type": "Hash",
4729
+ "default": "N/A",
4730
+ "description": "[System arguments](/system-arguments)"
4731
+ }
4732
+ ]
4733
+ },
4426
4734
  {
4427
4735
  "component": "OpenProject::PageHeader",
4428
4736
  "status": "open_project",
@@ -82,6 +82,11 @@
82
82
  "Primer::Beta::Label": "",
83
83
  "Primer::Beta::Link": "",
84
84
  "Primer::Beta::Markdown": "",
85
+ "Primer::Beta::NavList": "2023-07-10",
86
+ "Primer::Beta::NavList::Divider": "",
87
+ "Primer::Beta::NavList::Group": "2023-07-10",
88
+ "Primer::Beta::NavList::Heading": "",
89
+ "Primer::Beta::NavList::Item": "",
85
90
  "Primer::Beta::Octicon": "",
86
91
  "Primer::Beta::Popover": "",
87
92
  "Primer::Beta::ProgressBar": "",
@@ -102,6 +107,12 @@
102
107
  "Primer::IconButton": "",
103
108
  "Primer::LayoutComponent": "",
104
109
  "Primer::Navigation::TabComponent": "",
110
+ "Primer::OpenProject::BorderGrid": "",
111
+ "Primer::OpenProject::BorderGrid::Cell": "",
112
+ "Primer::OpenProject::DragHandle": "",
113
+ "Primer::OpenProject::FlexLayout": "",
114
+ "Primer::OpenProject::GridLayout": "",
115
+ "Primer::OpenProject::GridLayout::Area": "",
105
116
  "Primer::OpenProject::PageHeader": "",
106
117
  "Primer::Tooltip": "",
107
118
  "Primer::Truncate": ""
data/static/classes.json CHANGED
@@ -101,6 +101,18 @@
101
101
  "Banner": [
102
102
  "Primer::Alpha::Banner"
103
103
  ],
104
+ "BorderGrid": [
105
+ "Primer::OpenProject::BorderGrid"
106
+ ],
107
+ "BorderGrid--spacious": [
108
+ "Primer::OpenProject::BorderGrid"
109
+ ],
110
+ "BorderGrid-cell": [
111
+ "Primer::OpenProject::BorderGrid"
112
+ ],
113
+ "BorderGrid-row": [
114
+ "Primer::OpenProject::BorderGrid"
115
+ ],
104
116
  "Box": [
105
117
  "Primer::Beta::BorderBox"
106
118
  ],
@@ -233,6 +245,9 @@
233
245
  "Counter--secondary": [
234
246
  "Primer::Beta::Counter"
235
247
  ],
248
+ "DragHandle": [
249
+ "Primer::OpenProject::DragHandle"
250
+ ],
236
251
  "FormControl": [
237
252
  "Primer::Alpha::TextField"
238
253
  ],
@@ -362,6 +377,9 @@
362
377
  "Link--secondary": [
363
378
  "Primer::Beta::Link"
364
379
  ],
380
+ "Link--underline": [
381
+ "Primer::Beta::Link"
382
+ ],
365
383
  "Overlay": [
366
384
  "Primer::Alpha::Dialog",
367
385
  "Primer::Alpha::Overlay"
@@ -263,6 +263,15 @@
263
263
  "Primer::Alpha::Dialog::Footer": {
264
264
  },
265
265
  "Primer::Alpha::Dialog::Header": {
266
+ "DEFAULT_VARIANT": "medium",
267
+ "VARIANT_MAPPINGS": {
268
+ "medium": "",
269
+ "large": "Overlay-header--large"
270
+ },
271
+ "VARIANT_OPTIONS": [
272
+ "medium",
273
+ "large"
274
+ ]
266
275
  },
267
276
  "Primer::Alpha::Dropdown": {
268
277
  "Menu": "Primer::Alpha::Dropdown::Menu"
@@ -968,6 +977,20 @@
968
977
  "td"
969
978
  ]
970
979
  },
980
+ "Primer::Beta::NavList": {
981
+ "Divider": "Primer::Beta::NavList::Divider",
982
+ "Group": "Primer::Beta::NavList::Group",
983
+ "Heading": "Primer::Beta::NavList::Heading",
984
+ "Item": "Primer::Beta::NavList::Item"
985
+ },
986
+ "Primer::Beta::NavList::Divider": {
987
+ },
988
+ "Primer::Beta::NavList::Group": {
989
+ },
990
+ "Primer::Beta::NavList::Heading": {
991
+ },
992
+ "Primer::Beta::NavList::Item": {
993
+ },
971
994
  "Primer::Beta::Octicon": {
972
995
  "SIZE_DEFAULT": "small",
973
996
  "SIZE_MAPPINGS": {
@@ -1300,6 +1323,31 @@
1300
1323
  },
1301
1324
  "Primer::Navigation::TabComponent": {
1302
1325
  },
1326
+ "Primer::OpenProject::BorderGrid": {
1327
+ "Cell": "Primer::OpenProject::BorderGrid::Cell"
1328
+ },
1329
+ "Primer::OpenProject::BorderGrid::Cell": {
1330
+ },
1331
+ "Primer::OpenProject::DragHandle": {
1332
+ "DEFAULT_SIZE": "small",
1333
+ "SIZE_OPTIONS": [
1334
+ "xsmall",
1335
+ "small",
1336
+ "medium"
1337
+ ]
1338
+ },
1339
+ "Primer::OpenProject::FlexLayout": {
1340
+ },
1341
+ "Primer::OpenProject::GridLayout": {
1342
+ "Area": "Primer::OpenProject::GridLayout::Area"
1343
+ },
1344
+ "Primer::OpenProject::GridLayout::Area": {
1345
+ "DEFAULT_TAG": "div",
1346
+ "TAG_OPTIONS": [
1347
+ "div",
1348
+ "span"
1349
+ ]
1350
+ },
1303
1351
  "Primer::OpenProject::PageHeader": {
1304
1352
  "DEFAULT_HEADER_VARIANT": "medium",
1305
1353
  "HEADER_VARIANT_OPTIONS": [