openproject-primer_view_components 0.11.0 → 0.13.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +110 -0
- data/app/assets/javascripts/app/components/primer/alpha/tool_tip.d.ts +1 -0
- data/app/assets/javascripts/app/components/primer/primer.d.ts +1 -1
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_bar/item.rb +7 -4
- data/app/components/primer/alpha/action_bar.rb +2 -2
- data/app/components/primer/alpha/action_bar_element.js +9 -4
- data/app/components/primer/alpha/action_bar_element.ts +9 -2
- data/app/components/primer/alpha/action_list/form_wrapper.html.erb +4 -2
- data/app/components/primer/alpha/action_list/form_wrapper.rb +20 -9
- data/app/components/primer/alpha/action_menu/action_menu_element.js +162 -86
- data/app/components/primer/alpha/action_menu/action_menu_element.ts +197 -82
- data/app/components/primer/alpha/action_menu/list.rb +0 -2
- data/app/components/primer/alpha/action_menu.rb +120 -3
- data/app/components/primer/alpha/check_box_group.rb +2 -0
- data/app/components/primer/alpha/dialog/header.rb +12 -0
- data/app/components/primer/alpha/dialog.rb +1 -1
- data/app/components/primer/alpha/modal_dialog.js +10 -13
- data/app/components/primer/alpha/modal_dialog.ts +10 -13
- data/app/components/primer/alpha/nav_list/divider.rb +2 -5
- data/app/components/primer/alpha/nav_list/group.rb +2 -98
- data/app/components/primer/alpha/nav_list/heading.rb +2 -27
- data/app/components/primer/alpha/nav_list/item.rb +2 -147
- data/app/components/primer/alpha/nav_list.rb +2 -205
- data/app/components/primer/alpha/overlay.css +1 -1
- data/app/components/primer/alpha/overlay.css.map +1 -1
- data/app/components/primer/alpha/overlay.pcss +1 -7
- data/app/components/primer/alpha/overlay.rb +6 -4
- data/app/components/primer/alpha/radio_button_group.rb +2 -0
- data/app/components/primer/alpha/segmented_control/item.html.erb +1 -8
- data/app/components/primer/alpha/segmented_control/item.rb +38 -4
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.json +14 -13
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.pcss +75 -66
- data/app/components/primer/alpha/segmented_control.rb +10 -0
- data/app/components/primer/alpha/text_field.css +1 -1
- data/app/components/primer/alpha/text_field.css.json +4 -1
- data/app/components/primer/alpha/text_field.css.map +1 -1
- data/app/components/primer/alpha/text_field.pcss +18 -3
- data/app/components/primer/alpha/tool_tip.d.ts +1 -0
- data/app/components/primer/alpha/tool_tip.js +26 -93
- data/app/components/primer/alpha/tool_tip.ts +25 -91
- data/app/components/primer/alpha/tooltip.rb +3 -1
- data/app/components/primer/beta/base_button.rb +4 -0
- data/app/components/primer/beta/button.css +1 -1
- data/app/components/primer/beta/button.css.json +2 -0
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +17 -5
- data/app/components/primer/beta/icon_button.html.erb +1 -1
- data/app/components/primer/beta/icon_button.rb +8 -1
- data/app/components/primer/beta/link.css +1 -1
- data/app/components/primer/beta/link.css.json +1 -0
- data/app/components/primer/beta/link.css.map +1 -1
- data/app/components/primer/beta/link.pcss +5 -0
- data/app/components/primer/beta/link.rb +2 -2
- data/app/components/primer/beta/nav_list/divider.rb +14 -0
- data/app/components/primer/beta/nav_list/group.rb +107 -0
- data/app/components/primer/beta/nav_list/heading.rb +36 -0
- data/app/components/primer/beta/nav_list/item.rb +156 -0
- data/app/components/primer/beta/nav_list.rb +212 -0
- data/app/components/primer/focus_group.js +30 -4
- data/app/components/primer/focus_group.ts +29 -2
- data/app/components/primer/open_project/flex_layout.html.erb +23 -0
- data/app/components/primer/open_project/flex_layout.rb +52 -0
- data/app/components/primer/open_project/grid_layout/area.rb +38 -0
- data/app/components/primer/open_project/grid_layout.html.erb +11 -0
- data/app/components/primer/open_project/grid_layout.rb +34 -0
- data/app/components/primer/open_project/page_header.css +1 -1
- data/app/components/primer/open_project/page_header.css.map +1 -1
- data/app/components/primer/open_project/page_header.pcss +4 -0
- data/app/components/primer/primer.d.ts +1 -1
- data/app/components/primer/primer.js +1 -1
- data/app/components/primer/primer.ts +1 -1
- data/app/helpers/primer/form_helper.rb +10 -0
- data/lib/primer/accessibility.rb +3 -1
- data/lib/primer/deprecations.yml +20 -0
- data/lib/primer/forms/check_box_group.html.erb +3 -0
- data/lib/primer/forms/dsl/check_box_group_input.rb +1 -5
- data/lib/primer/forms/dsl/check_box_input.rb +5 -0
- data/lib/primer/forms/dsl/radio_button_input.rb +5 -0
- data/lib/primer/forms/form_control.html.erb +1 -4
- data/lib/primer/forms/radio_button_group.html.erb +3 -0
- data/lib/primer/forms/utils.rb +2 -0
- data/lib/primer/forms/validation_message.html.erb +4 -0
- data/lib/primer/forms/validation_message.rb +14 -0
- data/lib/primer/forms.rb +16 -0
- data/lib/primer/static/generate_info_arch.rb +86 -5
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/primer/yard/component_manifest.rb +4 -0
- data/previews/primer/alpha/action_menu_preview/single_select_form_items.html.erb +31 -0
- data/previews/primer/alpha/action_menu_preview/with_actions.html.erb +6 -5
- data/previews/primer/alpha/action_menu_preview.rb +10 -1
- data/previews/primer/alpha/check_box_group_preview.rb +13 -0
- data/previews/primer/alpha/check_box_preview.rb +1 -0
- data/previews/primer/alpha/dialog_preview/autofocus_element.html.erb +8 -0
- data/previews/primer/alpha/dialog_preview/with_header.html.erb +5 -0
- data/previews/primer/alpha/dialog_preview.rb +22 -0
- data/previews/primer/alpha/overlay_preview.rb +1 -1
- data/previews/primer/alpha/radio_button_group_preview.rb +13 -0
- data/previews/primer/alpha/radio_button_preview.rb +2 -1
- data/previews/primer/alpha/segmented_control_preview.rb +35 -0
- data/previews/primer/alpha/text_field_preview/input_group_leading_action_menu.html.erb +21 -0
- data/previews/primer/alpha/text_field_preview/input_group_leading_button.html.erb +18 -0
- data/previews/primer/alpha/text_field_preview/input_group_trailing_button.html.erb +18 -0
- data/previews/primer/alpha/text_field_preview.rb +21 -0
- data/previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb +23 -0
- data/previews/primer/alpha/tooltip_preview.rb +6 -1
- data/previews/primer/beta/button_group_preview.rb +6 -6
- data/previews/primer/beta/button_preview.rb +21 -3
- data/previews/primer/beta/icon_button_preview.rb +3 -0
- data/previews/primer/{alpha → beta}/nav_list_preview/trailing_action.html.erb +1 -1
- data/previews/primer/{alpha → beta}/nav_list_preview.rb +5 -5
- data/previews/primer/open_project/flex_layout_preview.rb +73 -0
- data/previews/primer/open_project/grid_layout_preview.rb +37 -0
- data/static/arguments.json +278 -7
- data/static/audited_at.json +8 -0
- data/static/classes.json +15 -0
- data/static/constants.json +47 -1
- data/static/info_arch.json +1338 -632
- data/static/previews.json +271 -167
- data/static/statuses.json +13 -5
- metadata +33 -319
- /data/app/assets/javascripts/app/components/primer/{alpha → beta}/nav_list.d.ts +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list/group.html.erb +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list/item.html.erb +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list.d.ts +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list.html.erb +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list.js +0 -0
- /data/app/components/primer/{alpha → beta}/nav_list.ts +0 -0
data/static/arguments.json
CHANGED
@@ -46,7 +46,18 @@
|
|
46
46
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_bar/item.rb",
|
47
47
|
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_bar/item/default/",
|
48
48
|
"parameters": [
|
49
|
-
|
49
|
+
{
|
50
|
+
"name": "item_content",
|
51
|
+
"type": "String",
|
52
|
+
"default": "N/A",
|
53
|
+
"description": "The content to render inside the item."
|
54
|
+
},
|
55
|
+
{
|
56
|
+
"name": "item_arguments",
|
57
|
+
"type": "Hash",
|
58
|
+
"default": "N/A",
|
59
|
+
"description": "[System arguments](/system-arguments)"
|
60
|
+
}
|
50
61
|
]
|
51
62
|
},
|
52
63
|
{
|
@@ -772,6 +783,18 @@
|
|
772
783
|
"default": "N/A",
|
773
784
|
"description": "A string describing the field and what sorts of input it expects. Displayed below the group."
|
774
785
|
},
|
786
|
+
{
|
787
|
+
"name": "invalid",
|
788
|
+
"type": "Boolean",
|
789
|
+
"default": "N/A",
|
790
|
+
"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."
|
791
|
+
},
|
792
|
+
{
|
793
|
+
"name": "validation_message",
|
794
|
+
"type": "String",
|
795
|
+
"default": "N/A",
|
796
|
+
"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."
|
797
|
+
},
|
775
798
|
{
|
776
799
|
"name": "label_arguments",
|
777
800
|
"type": "Hash",
|
@@ -884,6 +907,12 @@
|
|
884
907
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog/header.rb",
|
885
908
|
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/header/default/",
|
886
909
|
"parameters": [
|
910
|
+
{
|
911
|
+
"name": "id",
|
912
|
+
"type": "String",
|
913
|
+
"default": "N/A",
|
914
|
+
"description": "The HTML element's ID value."
|
915
|
+
},
|
887
916
|
{
|
888
917
|
"name": "title",
|
889
918
|
"type": "String",
|
@@ -908,6 +937,12 @@
|
|
908
937
|
"default": "`false`",
|
909
938
|
"description": "Visually hide the `title` while maintaining a label for assistive technologies."
|
910
939
|
},
|
940
|
+
{
|
941
|
+
"name": "variant",
|
942
|
+
"type": "Symbol",
|
943
|
+
"default": "`:medium`",
|
944
|
+
"description": "One of `:large` or `:medium`."
|
945
|
+
},
|
911
946
|
{
|
912
947
|
"name": "system_arguments",
|
913
948
|
"type": "Hash",
|
@@ -1420,7 +1455,7 @@
|
|
1420
1455
|
},
|
1421
1456
|
{
|
1422
1457
|
"component": "NavList",
|
1423
|
-
"status": "
|
1458
|
+
"status": "deprecated",
|
1424
1459
|
"a11y_reviewed": true,
|
1425
1460
|
"short_name": "NavList",
|
1426
1461
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
|
@@ -1442,7 +1477,7 @@
|
|
1442
1477
|
},
|
1443
1478
|
{
|
1444
1479
|
"component": "NavList::Divider",
|
1445
|
-
"status": "
|
1480
|
+
"status": "deprecated",
|
1446
1481
|
"a11y_reviewed": false,
|
1447
1482
|
"short_name": "NavListDivider",
|
1448
1483
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/divider.rb",
|
@@ -1464,7 +1499,7 @@
|
|
1464
1499
|
},
|
1465
1500
|
{
|
1466
1501
|
"component": "NavList::Group",
|
1467
|
-
"status": "
|
1502
|
+
"status": "deprecated",
|
1468
1503
|
"a11y_reviewed": true,
|
1469
1504
|
"short_name": "NavListGroup",
|
1470
1505
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/group.rb",
|
@@ -1486,7 +1521,7 @@
|
|
1486
1521
|
},
|
1487
1522
|
{
|
1488
1523
|
"component": "NavList::Heading",
|
1489
|
-
"status": "
|
1524
|
+
"status": "deprecated",
|
1490
1525
|
"a11y_reviewed": false,
|
1491
1526
|
"short_name": "NavListHeading",
|
1492
1527
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/heading.rb",
|
@@ -1520,7 +1555,7 @@
|
|
1520
1555
|
},
|
1521
1556
|
{
|
1522
1557
|
"component": "NavList::Item",
|
1523
|
-
"status": "
|
1558
|
+
"status": "deprecated",
|
1524
1559
|
"a11y_reviewed": false,
|
1525
1560
|
"short_name": "NavListItem",
|
1526
1561
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
|
@@ -1966,6 +2001,18 @@
|
|
1966
2001
|
"default": "N/A",
|
1967
2002
|
"description": "A string describing the field and what sorts of input it expects. Displayed below the group."
|
1968
2003
|
},
|
2004
|
+
{
|
2005
|
+
"name": "invalid",
|
2006
|
+
"type": "Boolean",
|
2007
|
+
"default": "N/A",
|
2008
|
+
"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."
|
2009
|
+
},
|
2010
|
+
{
|
2011
|
+
"name": "validation_message",
|
2012
|
+
"type": "String",
|
2013
|
+
"default": "N/A",
|
2014
|
+
"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."
|
2015
|
+
},
|
1969
2016
|
{
|
1970
2017
|
"name": "label_arguments",
|
1971
2018
|
"type": "Hash",
|
@@ -3081,6 +3128,12 @@
|
|
3081
3128
|
"default": "`false`",
|
3082
3129
|
"description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
|
3083
3130
|
},
|
3131
|
+
{
|
3132
|
+
"name": "inactive",
|
3133
|
+
"type": "Boolean",
|
3134
|
+
"default": "`false`",
|
3135
|
+
"description": "Whether the button looks visually disabled, but can still accept all the same interactions as an enabled button."
|
3136
|
+
},
|
3084
3137
|
{
|
3085
3138
|
"name": "system_arguments",
|
3086
3139
|
"type": "Hash",
|
@@ -3647,7 +3700,7 @@
|
|
3647
3700
|
{
|
3648
3701
|
"name": "underline",
|
3649
3702
|
"type": "Boolean",
|
3650
|
-
"default": "`
|
3703
|
+
"default": "`false`",
|
3651
3704
|
"description": "Whether or not to underline the link."
|
3652
3705
|
},
|
3653
3706
|
{
|
@@ -3680,6 +3733,146 @@
|
|
3680
3733
|
}
|
3681
3734
|
]
|
3682
3735
|
},
|
3736
|
+
{
|
3737
|
+
"component": "NavList",
|
3738
|
+
"status": "beta",
|
3739
|
+
"a11y_reviewed": true,
|
3740
|
+
"short_name": "NavList",
|
3741
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list.rb",
|
3742
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/default/",
|
3743
|
+
"parameters": [
|
3744
|
+
{
|
3745
|
+
"name": "selected_item_id",
|
3746
|
+
"type": "Symbol",
|
3747
|
+
"default": "`nil`",
|
3748
|
+
"description": "The ID of the currently selected item. The default is `nil`, meaning no item is selected."
|
3749
|
+
},
|
3750
|
+
{
|
3751
|
+
"name": "system_arguments",
|
3752
|
+
"type": "Hash",
|
3753
|
+
"default": "N/A",
|
3754
|
+
"description": "[System arguments](/system-arguments)"
|
3755
|
+
}
|
3756
|
+
]
|
3757
|
+
},
|
3758
|
+
{
|
3759
|
+
"component": "NavList::Divider",
|
3760
|
+
"status": "alpha",
|
3761
|
+
"a11y_reviewed": false,
|
3762
|
+
"short_name": "NavListDivider",
|
3763
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/divider.rb",
|
3764
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/divider/default/",
|
3765
|
+
"parameters": [
|
3766
|
+
{
|
3767
|
+
"name": "scheme",
|
3768
|
+
"type": "Symbol",
|
3769
|
+
"default": "`:subtle`",
|
3770
|
+
"description": "Display a background color if scheme is `filled`."
|
3771
|
+
},
|
3772
|
+
{
|
3773
|
+
"name": "system_arguments",
|
3774
|
+
"type": "Hash",
|
3775
|
+
"default": "N/A",
|
3776
|
+
"description": "[System arguments](/system-arguments)"
|
3777
|
+
}
|
3778
|
+
]
|
3779
|
+
},
|
3780
|
+
{
|
3781
|
+
"component": "NavList::Group",
|
3782
|
+
"status": "alpha",
|
3783
|
+
"a11y_reviewed": true,
|
3784
|
+
"short_name": "NavListGroup",
|
3785
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/group.rb",
|
3786
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/group/default/",
|
3787
|
+
"parameters": [
|
3788
|
+
{
|
3789
|
+
"name": "selected_item_id",
|
3790
|
+
"type": "Symbol",
|
3791
|
+
"default": "`nil`",
|
3792
|
+
"description": "The ID of the currently selected item. Used internally."
|
3793
|
+
},
|
3794
|
+
{
|
3795
|
+
"name": "system_arguments",
|
3796
|
+
"type": "Hash",
|
3797
|
+
"default": "N/A",
|
3798
|
+
"description": "[System arguments](/system-arguments)"
|
3799
|
+
}
|
3800
|
+
]
|
3801
|
+
},
|
3802
|
+
{
|
3803
|
+
"component": "NavList::Heading",
|
3804
|
+
"status": "alpha",
|
3805
|
+
"a11y_reviewed": false,
|
3806
|
+
"short_name": "NavListHeading",
|
3807
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/heading.rb",
|
3808
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/heading/default/",
|
3809
|
+
"parameters": [
|
3810
|
+
{
|
3811
|
+
"name": "title",
|
3812
|
+
"type": "String",
|
3813
|
+
"default": "N/A",
|
3814
|
+
"description": "The text content of the heading."
|
3815
|
+
},
|
3816
|
+
{
|
3817
|
+
"name": "id",
|
3818
|
+
"type": "String",
|
3819
|
+
"default": "`self.class.generate_id`",
|
3820
|
+
"description": "The value of the ID HTML attribute. Auto-generated by default."
|
3821
|
+
},
|
3822
|
+
{
|
3823
|
+
"name": "heading_level",
|
3824
|
+
"type": "Integer",
|
3825
|
+
"default": "`2`",
|
3826
|
+
"description": "The heading level, i.e. 2 for an `<h2>`, 3 for an `<h3>`, etc."
|
3827
|
+
},
|
3828
|
+
{
|
3829
|
+
"name": "system_arguments",
|
3830
|
+
"type": "Hash",
|
3831
|
+
"default": "N/A",
|
3832
|
+
"description": "[System arguments](/system-arguments)"
|
3833
|
+
}
|
3834
|
+
]
|
3835
|
+
},
|
3836
|
+
{
|
3837
|
+
"component": "NavList::Item",
|
3838
|
+
"status": "alpha",
|
3839
|
+
"a11y_reviewed": false,
|
3840
|
+
"short_name": "NavListItem",
|
3841
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/nav_list/item.rb",
|
3842
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/nav_list/item/default/",
|
3843
|
+
"parameters": [
|
3844
|
+
{
|
3845
|
+
"name": "selected_item_id",
|
3846
|
+
"type": "Symbol",
|
3847
|
+
"default": "`nil`",
|
3848
|
+
"description": "The ID of the currently selected list item. Used internally."
|
3849
|
+
},
|
3850
|
+
{
|
3851
|
+
"name": "selected_by_ids",
|
3852
|
+
"type": "Array<Symbol>",
|
3853
|
+
"default": "`[]`",
|
3854
|
+
"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."
|
3855
|
+
},
|
3856
|
+
{
|
3857
|
+
"name": "expanded",
|
3858
|
+
"type": "Boolean",
|
3859
|
+
"default": "`false`",
|
3860
|
+
"description": "Whether this item shows (expands) or hides (collapses) its list of sub items."
|
3861
|
+
},
|
3862
|
+
{
|
3863
|
+
"name": "sub_item",
|
3864
|
+
"type": "Boolean",
|
3865
|
+
"default": "`false`",
|
3866
|
+
"description": "Whether or not this item is nested under a parent item. Used internally."
|
3867
|
+
},
|
3868
|
+
{
|
3869
|
+
"name": "system_arguments",
|
3870
|
+
"type": "Hash",
|
3871
|
+
"default": "N/A",
|
3872
|
+
"description": "[System arguments](/system-arguments)"
|
3873
|
+
}
|
3874
|
+
]
|
3875
|
+
},
|
3683
3876
|
{
|
3684
3877
|
"component": "Octicon",
|
3685
3878
|
"status": "beta",
|
@@ -4477,6 +4670,84 @@
|
|
4477
4670
|
}
|
4478
4671
|
]
|
4479
4672
|
},
|
4673
|
+
{
|
4674
|
+
"component": "OpenProject::FlexLayout",
|
4675
|
+
"status": "open_project",
|
4676
|
+
"a11y_reviewed": false,
|
4677
|
+
"short_name": "OpenProjectFlexLayout",
|
4678
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/flex_layout.rb",
|
4679
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/flex_layout/default/",
|
4680
|
+
"parameters": [
|
4681
|
+
{
|
4682
|
+
"name": "system_arguments",
|
4683
|
+
"type": "Hash",
|
4684
|
+
"default": "N/A",
|
4685
|
+
"description": "[System arguments](/system-arguments)"
|
4686
|
+
}
|
4687
|
+
]
|
4688
|
+
},
|
4689
|
+
{
|
4690
|
+
"component": "OpenProject::GridLayout",
|
4691
|
+
"status": "open_project",
|
4692
|
+
"a11y_reviewed": false,
|
4693
|
+
"short_name": "OpenProjectGridLayout",
|
4694
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout.rb",
|
4695
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/default/",
|
4696
|
+
"parameters": [
|
4697
|
+
{
|
4698
|
+
"name": "css_class",
|
4699
|
+
"type": "String",
|
4700
|
+
"default": "N/A",
|
4701
|
+
"description": "The basic css class applied on the grid-container"
|
4702
|
+
},
|
4703
|
+
{
|
4704
|
+
"name": "system_arguments",
|
4705
|
+
"type": "Hash",
|
4706
|
+
"default": "N/A",
|
4707
|
+
"description": "[System arguments](/system-arguments)"
|
4708
|
+
}
|
4709
|
+
]
|
4710
|
+
},
|
4711
|
+
{
|
4712
|
+
"component": "OpenProject::GridLayout::Area",
|
4713
|
+
"status": "open_project",
|
4714
|
+
"a11y_reviewed": false,
|
4715
|
+
"short_name": "OpenProjectGridLayoutArea",
|
4716
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/grid_layout/area.rb",
|
4717
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/grid_layout/area/default/",
|
4718
|
+
"parameters": [
|
4719
|
+
{
|
4720
|
+
"name": "css_class",
|
4721
|
+
"type": "String",
|
4722
|
+
"default": "N/A",
|
4723
|
+
"description": "The basic css class applied on the grid-container"
|
4724
|
+
},
|
4725
|
+
{
|
4726
|
+
"name": "area_name",
|
4727
|
+
"type": "Symbol",
|
4728
|
+
"default": "N/A",
|
4729
|
+
"description": "The specific area name, used for creating the element class and the \"grid-area\" style"
|
4730
|
+
},
|
4731
|
+
{
|
4732
|
+
"name": "component",
|
4733
|
+
"type": "ViewComponent::Base",
|
4734
|
+
"default": "`Primer::BaseComponent`",
|
4735
|
+
"description": "The instance of the component to be rendered."
|
4736
|
+
},
|
4737
|
+
{
|
4738
|
+
"name": "tag",
|
4739
|
+
"type": "Symbol",
|
4740
|
+
"default": "`:div`",
|
4741
|
+
"description": "One of `:div` or `:span`."
|
4742
|
+
},
|
4743
|
+
{
|
4744
|
+
"name": "system_arguments",
|
4745
|
+
"type": "Hash",
|
4746
|
+
"default": "N/A",
|
4747
|
+
"description": "[System arguments](/system-arguments)"
|
4748
|
+
}
|
4749
|
+
]
|
4750
|
+
},
|
4480
4751
|
{
|
4481
4752
|
"component": "OpenProject::PageHeader",
|
4482
4753
|
"status": "open_project",
|
data/static/audited_at.json
CHANGED
@@ -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": "",
|
@@ -105,6 +110,9 @@
|
|
105
110
|
"Primer::OpenProject::BorderGrid": "",
|
106
111
|
"Primer::OpenProject::BorderGrid::Cell": "",
|
107
112
|
"Primer::OpenProject::DragHandle": "",
|
113
|
+
"Primer::OpenProject::FlexLayout": "",
|
114
|
+
"Primer::OpenProject::GridLayout": "",
|
115
|
+
"Primer::OpenProject::GridLayout::Area": "",
|
108
116
|
"Primer::OpenProject::PageHeader": "",
|
109
117
|
"Primer::Tooltip": "",
|
110
118
|
"Primer::Truncate": ""
|
data/static/classes.json
CHANGED
@@ -377,6 +377,9 @@
|
|
377
377
|
"Link--secondary": [
|
378
378
|
"Primer::Beta::Link"
|
379
379
|
],
|
380
|
+
"Link--underline": [
|
381
|
+
"Primer::Beta::Link"
|
382
|
+
],
|
380
383
|
"Overlay": [
|
381
384
|
"Primer::Alpha::Dialog",
|
382
385
|
"Primer::Alpha::Overlay"
|
@@ -504,6 +507,18 @@
|
|
504
507
|
"SegmentedControl--fullWidth": [
|
505
508
|
"Primer::Alpha::SegmentedControl"
|
506
509
|
],
|
510
|
+
"SegmentedControl--iconOnly": [
|
511
|
+
"Primer::Alpha::SegmentedControl"
|
512
|
+
],
|
513
|
+
"SegmentedControl--large": [
|
514
|
+
"Primer::Alpha::SegmentedControl"
|
515
|
+
],
|
516
|
+
"SegmentedControl--medium": [
|
517
|
+
"Primer::Alpha::SegmentedControl"
|
518
|
+
],
|
519
|
+
"SegmentedControl--small": [
|
520
|
+
"Primer::Alpha::SegmentedControl"
|
521
|
+
],
|
507
522
|
"SegmentedControl-item": [
|
508
523
|
"Primer::Alpha::SegmentedControl"
|
509
524
|
],
|
data/static/constants.json
CHANGED
@@ -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"
|
@@ -535,9 +544,20 @@
|
|
535
544
|
"Primer::Alpha::RadioButtonGroup": {
|
536
545
|
},
|
537
546
|
"Primer::Alpha::SegmentedControl": {
|
547
|
+
"DEFAULT_SIZE": "medium",
|
538
548
|
"FULL_WIDTH_DEFAULT": false,
|
539
549
|
"HIDE_LABELS_DEFAULT": false,
|
540
|
-
"Item": "Primer::Alpha::SegmentedControl::Item"
|
550
|
+
"Item": "Primer::Alpha::SegmentedControl::Item",
|
551
|
+
"SIZE_MAPPINGS": {
|
552
|
+
"small": "SegmentedControl--small",
|
553
|
+
"medium": "SegmentedControl--medium",
|
554
|
+
"large": "SegmentedControl--large"
|
555
|
+
},
|
556
|
+
"SIZE_OPTIONS": [
|
557
|
+
"small",
|
558
|
+
"medium",
|
559
|
+
"large"
|
560
|
+
]
|
541
561
|
},
|
542
562
|
"Primer::Alpha::SegmentedControl::Item": {
|
543
563
|
},
|
@@ -968,6 +988,20 @@
|
|
968
988
|
"td"
|
969
989
|
]
|
970
990
|
},
|
991
|
+
"Primer::Beta::NavList": {
|
992
|
+
"Divider": "Primer::Beta::NavList::Divider",
|
993
|
+
"Group": "Primer::Beta::NavList::Group",
|
994
|
+
"Heading": "Primer::Beta::NavList::Heading",
|
995
|
+
"Item": "Primer::Beta::NavList::Item"
|
996
|
+
},
|
997
|
+
"Primer::Beta::NavList::Divider": {
|
998
|
+
},
|
999
|
+
"Primer::Beta::NavList::Group": {
|
1000
|
+
},
|
1001
|
+
"Primer::Beta::NavList::Heading": {
|
1002
|
+
},
|
1003
|
+
"Primer::Beta::NavList::Item": {
|
1004
|
+
},
|
971
1005
|
"Primer::Beta::Octicon": {
|
972
1006
|
"SIZE_DEFAULT": "small",
|
973
1007
|
"SIZE_MAPPINGS": {
|
@@ -1313,6 +1347,18 @@
|
|
1313
1347
|
"medium"
|
1314
1348
|
]
|
1315
1349
|
},
|
1350
|
+
"Primer::OpenProject::FlexLayout": {
|
1351
|
+
},
|
1352
|
+
"Primer::OpenProject::GridLayout": {
|
1353
|
+
"Area": "Primer::OpenProject::GridLayout::Area"
|
1354
|
+
},
|
1355
|
+
"Primer::OpenProject::GridLayout::Area": {
|
1356
|
+
"DEFAULT_TAG": "div",
|
1357
|
+
"TAG_OPTIONS": [
|
1358
|
+
"div",
|
1359
|
+
"span"
|
1360
|
+
]
|
1361
|
+
},
|
1316
1362
|
"Primer::OpenProject::PageHeader": {
|
1317
1363
|
"DEFAULT_HEADER_VARIANT": "medium",
|
1318
1364
|
"HEADER_VARIANT_OPTIONS": [
|