primer_view_components 0.0.120 → 0.0.122

Sign up to get free protection for your applications and to get access to all the features.
Files changed (172) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +58 -0
  3. data/app/assets/styles/primer_view_components.css +2 -2
  4. data/app/assets/styles/primer_view_components.css.map +1 -1
  5. data/app/components/primer/alpha/action_list.css.json +123 -1
  6. data/app/components/primer/alpha/auto_complete.css.json +23 -1
  7. data/app/components/primer/alpha/banner.css.json +24 -1
  8. data/app/components/primer/alpha/button_marketing.css.json +33 -1
  9. data/app/components/primer/alpha/check_box.rb +74 -0
  10. data/app/components/primer/alpha/check_box_group.rb +36 -0
  11. data/app/components/primer/alpha/dialog.css.json +82 -1
  12. data/app/components/primer/alpha/dialog.rb +1 -1
  13. data/app/components/primer/alpha/dropdown.css.json +40 -1
  14. data/app/components/primer/alpha/form_button.rb +32 -0
  15. data/app/components/primer/alpha/form_control.html.erb +26 -0
  16. data/app/components/primer/alpha/form_control.rb +105 -0
  17. data/app/components/primer/alpha/layout.css.json +80 -1
  18. data/app/components/primer/alpha/menu.css.json +28 -1
  19. data/app/components/primer/alpha/multi_input.rb +81 -0
  20. data/app/components/primer/alpha/radio_button.rb +25 -0
  21. data/app/components/primer/alpha/radio_button_group.rb +36 -0
  22. data/app/components/primer/alpha/segmented_control/item.rb +1 -0
  23. data/app/components/primer/alpha/segmented_control.css +1 -1
  24. data/app/components/primer/alpha/segmented_control.css.json +31 -1
  25. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  26. data/app/components/primer/alpha/segmented_control.pcss +43 -12
  27. data/app/components/primer/alpha/segmented_control.rb +30 -0
  28. data/app/components/primer/alpha/select.rb +37 -0
  29. data/app/components/primer/alpha/submit_button.rb +32 -0
  30. data/app/components/primer/alpha/tab_nav.css.json +24 -1
  31. data/app/components/primer/alpha/tab_panels.rb +7 -0
  32. data/app/components/primer/alpha/text_area.rb +24 -0
  33. data/app/components/primer/alpha/text_field.css +2 -2
  34. data/app/components/primer/alpha/text_field.css.json +134 -1
  35. data/app/components/primer/alpha/text_field.css.map +1 -1
  36. data/app/components/primer/alpha/text_field.pcss +27 -0
  37. data/app/components/primer/alpha/text_field.rb +16 -20
  38. data/app/components/primer/alpha/toggle_switch.css +1 -1
  39. data/app/components/primer/alpha/toggle_switch.css.json +40 -1
  40. data/app/components/primer/alpha/toggle_switch.css.map +1 -1
  41. data/app/components/primer/alpha/toggle_switch.pcss +31 -61
  42. data/app/components/primer/alpha/underline_nav.css.json +28 -1
  43. data/app/components/primer/base_component.rb +3 -3
  44. data/app/components/primer/beta/avatar.css.json +17 -1
  45. data/app/components/primer/beta/avatar_stack.css.json +28 -1
  46. data/app/components/primer/beta/blankslate.css.json +22 -1
  47. data/app/components/primer/beta/border_box.css.json +54 -1
  48. data/app/components/primer/beta/breadcrumbs.css.json +11 -1
  49. data/app/components/primer/beta/button.css.json +71 -1
  50. data/app/components/primer/beta/close_button.rb +1 -1
  51. data/app/components/primer/beta/counter.css.json +10 -1
  52. data/app/components/primer/beta/flash.css.json +27 -1
  53. data/app/components/primer/beta/label.css.json +25 -1
  54. data/app/components/primer/beta/link.css.json +19 -1
  55. data/app/components/primer/beta/popover.css.json +39 -1
  56. data/app/components/primer/beta/progress_bar.css.json +10 -1
  57. data/app/components/primer/{local_time.d.ts → beta/relative_time.d.ts} +0 -0
  58. data/app/components/primer/{local_time.js → beta/relative_time.js} +0 -0
  59. data/app/components/primer/{local_time.ts → beta/relative_time.ts} +0 -0
  60. data/app/components/primer/beta/state.css.json +13 -1
  61. data/app/components/primer/beta/subhead.css.json +12 -1
  62. data/app/components/primer/beta/timeline_item.css.json +16 -1
  63. data/app/components/primer/beta/truncate.css.json +12 -1
  64. data/app/components/primer/component.rb +12 -3
  65. data/app/components/primer/primer.d.ts +1 -2
  66. data/app/components/primer/primer.js +1 -2
  67. data/app/components/primer/primer.ts +1 -2
  68. data/app/components/primer/truncate.css.json +13 -1
  69. data/app/forms/example_toggle_switch_form.rb +1 -1
  70. data/app/forms/{select_list_form.rb → select_form.rb} +1 -1
  71. data/app/lib/primer/css/layout.css.json +316 -1
  72. data/app/lib/primer/css/utilities.css.json +1659 -1
  73. data/app/lib/primer/view_helper.rb +0 -1
  74. data/lib/primer/deprecations.yml +0 -78
  75. data/lib/primer/form_components.rb +26 -6
  76. data/lib/primer/forms/acts_as_component.rb +12 -1
  77. data/lib/primer/forms/builder.rb +1 -17
  78. data/lib/primer/forms/button.rb +4 -1
  79. data/lib/primer/forms/check_box_group.html.erb +14 -9
  80. data/lib/primer/forms/check_box_group.rb +5 -0
  81. data/lib/primer/forms/dsl/check_box_group_input.rb +3 -4
  82. data/lib/primer/forms/dsl/input.rb +33 -2
  83. data/lib/primer/forms/dsl/input_methods.rb +49 -1
  84. data/lib/primer/forms/dsl/radio_button_group_input.rb +2 -3
  85. data/lib/primer/forms/dsl/{select_list_input.rb → select_input.rb} +2 -2
  86. data/lib/primer/forms/dsl/text_field_input.rb +7 -5
  87. data/lib/primer/forms/form_control.rb +0 -1
  88. data/lib/primer/forms/group.html.erb +1 -1
  89. data/lib/primer/forms/multi.html.erb +8 -6
  90. data/lib/primer/forms/multi.rb +2 -0
  91. data/lib/primer/forms/radio_button_group.html.erb +14 -9
  92. data/lib/primer/forms/radio_button_group.rb +5 -0
  93. data/lib/primer/forms/{select_list.html.erb → select.html.erb} +0 -0
  94. data/lib/primer/forms/{select_list.rb → select.rb} +2 -2
  95. data/lib/primer/forms/spacing_wrapper.html.erb +1 -1
  96. data/lib/primer/forms/text_area.rb +1 -1
  97. data/lib/primer/forms/text_field.rb +5 -1
  98. data/lib/primer/forms/toggle_switch_form.rb +10 -3
  99. data/lib/primer/forms/utils.rb +20 -0
  100. data/lib/primer/view_components/engine.rb +1 -1
  101. data/lib/primer/view_components/version.rb +1 -1
  102. data/lib/primer/yard/backend.rb +1 -15
  103. data/lib/primer/yard/component_manifest.rb +44 -27
  104. data/lib/primer/yard/component_ref.rb +40 -0
  105. data/lib/primer/yard/docs_helper.rb +16 -2
  106. data/lib/primer/yard/legacy_gatsby_backend.rb +9 -15
  107. data/lib/primer/yard/lookbook_docs_helper.rb +32 -0
  108. data/lib/primer/yard/lookbook_pages_backend.rb +194 -0
  109. data/lib/primer/yard/registry.rb +6 -21
  110. data/lib/primer/yard/renders_many_handler.rb +1 -1
  111. data/lib/primer/yard/renders_one_handler.rb +1 -1
  112. data/lib/primer/yard.rb +14 -0
  113. data/lib/tasks/docs.rake +26 -13
  114. data/lib/tasks/static.rake +22 -0
  115. data/previews/pages/forms/01_introduction.md.erb +44 -0
  116. data/previews/pages/forms/02_getting_started.md.erb +125 -0
  117. data/previews/pages/forms/03_caption_templates.md.erb +30 -0
  118. data/previews/pages/forms/04_after_content.md.erb +39 -0
  119. data/previews/pages/forms/05_groups_layouts.md.erb +22 -0
  120. data/previews/pages/forms/06_miscellaneous_inputs.md.erb +43 -0
  121. data/previews/pages/forms/07_toggle_switch_forms.md.erb +58 -0
  122. data/previews/pages/forms/08_validations.md.erb +28 -0
  123. data/previews/pages/forms/09_compound_forms.md.erb +97 -0
  124. data/previews/primer/alpha/auto_complete_preview.rb +6 -6
  125. data/previews/primer/alpha/check_box_group_preview.rb +89 -0
  126. data/previews/primer/alpha/check_box_preview.rb +62 -0
  127. data/previews/primer/alpha/form_control_preview/playground.html.erb +9 -0
  128. data/previews/primer/alpha/form_control_preview.rb +106 -0
  129. data/previews/primer/alpha/multi_input_preview/playground.html.erb +41 -0
  130. data/previews/primer/alpha/multi_input_preview.rb +80 -0
  131. data/previews/primer/alpha/radio_button_group_preview.rb +83 -0
  132. data/previews/primer/alpha/radio_button_preview.rb +62 -0
  133. data/previews/primer/alpha/segmented_control_preview/with_label_and_caption.html.erb +9 -0
  134. data/previews/primer/alpha/segmented_control_preview/with_subhead_actions.html.erb +11 -0
  135. data/previews/primer/alpha/segmented_control_preview.rb +7 -1
  136. data/previews/primer/alpha/select_preview.rb +130 -0
  137. data/previews/primer/alpha/text_area_preview.rb +87 -0
  138. data/previews/primer/alpha/text_field_preview.rb +24 -1
  139. data/previews/primer/alpha/toggle_switch_preview.rb +9 -9
  140. data/previews/primer/beta/auto_complete_preview.rb +17 -17
  141. data/previews/primer/forms/forms_preview/example_toggle_switch_form.html.erb +2 -2
  142. data/previews/primer/forms/forms_preview/{select_list_form.html.erb → select_form.html.erb} +1 -1
  143. data/previews/primer/forms/forms_preview.rb +3 -1
  144. data/previews/primer/url_helpers.rb +1 -1
  145. data/static/arguments.json +1348 -1412
  146. data/static/audited_at.json +12 -21
  147. data/static/constants.json +20 -51
  148. data/static/previews.json +1812 -0
  149. data/static/statuses.json +10 -19
  150. metadata +47 -32
  151. data/app/components/primer/dropdown/menu.rb +0 -14
  152. data/app/components/primer/dropdown.rb +0 -7
  153. data/app/components/primer/hellip_button.rb +0 -7
  154. data/app/components/primer/label_component.rb +0 -7
  155. data/app/components/primer/link_component.rb +0 -7
  156. data/app/components/primer/local_time.rb +0 -63
  157. data/app/components/primer/markdown.rb +0 -7
  158. data/app/components/primer/menu_component.rb +0 -7
  159. data/app/components/primer/octicon_component.rb +0 -7
  160. data/app/components/primer/octicon_symbols_component.rb +0 -7
  161. data/app/components/primer/popover_component.rb +0 -8
  162. data/app/components/primer/spinner_component.rb +0 -7
  163. data/app/components/primer/state_component.rb +0 -7
  164. data/app/components/primer/subhead_component.rb +0 -7
  165. data/app/components/primer/tab_container_component.rb +0 -7
  166. data/app/components/primer/time_ago_component.d.ts +0 -1
  167. data/app/components/primer/time_ago_component.js +0 -1
  168. data/app/components/primer/time_ago_component.rb +0 -51
  169. data/app/components/primer/time_ago_component.ts +0 -1
  170. data/app/components/primer/timeline_item_component.rb +0 -13
  171. data/previews/primer/local_time_component_preview.rb +0 -57
  172. data/previews/primer/time_ago_component_preview.rb +0 -27
data/static/audited_at.json CHANGED
@@ -7,6 +7,8 @@
7
7
  "Primer::Alpha::AutoComplete::Item": "",
8
8
  "Primer::Alpha::Banner": "",
9
9
  "Primer::Alpha::ButtonMarketing": "",
10
+ "Primer::Alpha::CheckBox": "",
11
+ "Primer::Alpha::CheckBoxGroup": "",
10
12
  "Primer::Alpha::Dialog": "2022-10-10",
11
13
  "Primer::Alpha::Dialog::Body": "2022-10-10",
12
14
  "Primer::Alpha::Dialog::Footer": "2022-10-10",
@@ -14,6 +16,8 @@
14
16
  "Primer::Alpha::Dropdown": "",
15
17
  "Primer::Alpha::Dropdown::Menu": "",
16
18
  "Primer::Alpha::Dropdown::Menu::Item": "",
19
+ "Primer::Alpha::FormButton": "",
20
+ "Primer::Alpha::FormControl": "",
17
21
  "Primer::Alpha::HellipButton": "",
18
22
  "Primer::Alpha::HiddenTextExpander": "",
19
23
  "Primer::Alpha::Image": "",
@@ -22,15 +26,21 @@
22
26
  "Primer::Alpha::Layout::Main": "",
23
27
  "Primer::Alpha::Layout::Sidebar": "",
24
28
  "Primer::Alpha::Menu": "",
29
+ "Primer::Alpha::MultiInput": "",
25
30
  "Primer::Alpha::NavList": "",
26
31
  "Primer::Alpha::NavList::Item": "",
27
32
  "Primer::Alpha::NavList::Section": "",
28
33
  "Primer::Alpha::OcticonSymbols": "",
29
- "Primer::Alpha::SegmentedControl": "",
30
- "Primer::Alpha::SegmentedControl::Item": "",
34
+ "Primer::Alpha::RadioButton": "",
35
+ "Primer::Alpha::RadioButtonGroup": "",
36
+ "Primer::Alpha::SegmentedControl": "2023-02-01",
37
+ "Primer::Alpha::SegmentedControl::Item": "2023-02-01",
38
+ "Primer::Alpha::Select": "",
39
+ "Primer::Alpha::SubmitButton": "",
31
40
  "Primer::Alpha::TabContainer": "",
32
41
  "Primer::Alpha::TabNav": "",
33
42
  "Primer::Alpha::TabPanels": "",
43
+ "Primer::Alpha::TextArea": "",
34
44
  "Primer::Alpha::TextField": "",
35
45
  "Primer::Alpha::ToggleSwitch": "",
36
46
  "Primer::Alpha::Tooltip": "",
@@ -76,28 +86,9 @@
76
86
  "Primer::ButtonComponent": "",
77
87
  "Primer::ConditionalWrapper": "",
78
88
  "Primer::Content": "",
79
- "Primer::Dropdown": "",
80
- "Primer::Dropdown::Menu": "",
81
- "Primer::Dropdown::Menu::Item": "",
82
- "Primer::HellipButton": "",
83
89
  "Primer::IconButton": "",
84
- "Primer::LabelComponent": "",
85
90
  "Primer::LayoutComponent": "",
86
- "Primer::LinkComponent": "",
87
- "Primer::LocalTime": "",
88
- "Primer::Markdown": "",
89
- "Primer::MenuComponent": "",
90
91
  "Primer::Navigation::TabComponent": "",
91
- "Primer::OcticonComponent": "",
92
- "Primer::OcticonSymbolsComponent": "",
93
- "Primer::PopoverComponent": "",
94
- "Primer::SpinnerComponent": "",
95
- "Primer::StateComponent": "",
96
- "Primer::SubheadComponent": "",
97
- "Primer::TabContainerComponent": "",
98
- "Primer::TimeAgoComponent": "",
99
- "Primer::TimelineItemComponent": "",
100
- "Primer::TimelineItemComponent::BadgeComponent": "",
101
92
  "Primer::Tooltip": "",
102
93
  "Primer::Truncate": ""
103
94
  }
data/static/constants.json CHANGED
@@ -127,6 +127,10 @@
127
127
  "large"
128
128
  ]
129
129
  },
130
+ "Primer::Alpha::CheckBox": {
131
+ },
132
+ "Primer::Alpha::CheckBoxGroup": {
133
+ },
130
134
  "Primer::Alpha::Dialog": {
131
135
  "Body": "Primer::Alpha::Dialog::Body",
132
136
  "DEFAULT_POSITION": "center",
@@ -218,6 +222,10 @@
218
222
  "summary"
219
223
  ]
220
224
  },
225
+ "Primer::Alpha::FormButton": {
226
+ },
227
+ "Primer::Alpha::FormControl": {
228
+ },
221
229
  "Primer::Alpha::HellipButton": {
222
230
  },
223
231
  "Primer::Alpha::HiddenTextExpander": {
@@ -315,6 +323,8 @@
315
323
  "h6"
316
324
  ]
317
325
  },
326
+ "Primer::Alpha::MultiInput": {
327
+ },
318
328
  "Primer::Alpha::NavList": {
319
329
  "Item": "Primer::Alpha::NavList::Item",
320
330
  "Section": "Primer::Alpha::NavList::Section"
@@ -325,6 +335,10 @@
325
335
  },
326
336
  "Primer::Alpha::OcticonSymbols": {
327
337
  },
338
+ "Primer::Alpha::RadioButton": {
339
+ },
340
+ "Primer::Alpha::RadioButtonGroup": {
341
+ },
328
342
  "Primer::Alpha::SegmentedControl": {
329
343
  "FULL_WIDTH_DEFAULT": false,
330
344
  "HIDE_LABELS_DEFAULT": false,
@@ -332,6 +346,10 @@
332
346
  },
333
347
  "Primer::Alpha::SegmentedControl::Item": {
334
348
  },
349
+ "Primer::Alpha::Select": {
350
+ },
351
+ "Primer::Alpha::SubmitButton": {
352
+ },
335
353
  "Primer::Alpha::TabContainer": {
336
354
  },
337
355
  "Primer::Alpha::TabNav": {
@@ -350,6 +368,8 @@
350
368
  "div"
351
369
  ]
352
370
  },
371
+ "Primer::Alpha::TextArea": {
372
+ },
353
373
  "Primer::Alpha::TextField": {
354
374
  },
355
375
  "Primer::Alpha::ToggleSwitch": {
@@ -1033,16 +1053,6 @@
1033
1053
  },
1034
1054
  "Primer::Content": {
1035
1055
  },
1036
- "Primer::Dropdown": {
1037
- "Menu": "Primer::Dropdown::Menu"
1038
- },
1039
- "Primer::Dropdown::Menu": {
1040
- "Item": "Primer::Dropdown::Menu::Item"
1041
- },
1042
- "Primer::Dropdown::Menu::Item": {
1043
- },
1044
- "Primer::HellipButton": {
1045
- },
1046
1056
  "Primer::IconButton": {
1047
1057
  "DEFAULT_SCHEME": "default",
1048
1058
  "SCHEME_MAPPINGS": {
@@ -1054,8 +1064,6 @@
1054
1064
  "danger"
1055
1065
  ]
1056
1066
  },
1057
- "Primer::LabelComponent": {
1058
- },
1059
1067
  "Primer::LayoutComponent": {
1060
1068
  "ALLOWED_SIDEBAR_COLS": [
1061
1069
  1,
@@ -1078,24 +1086,6 @@
1078
1086
  "DEFAULT_SIDEBAR_COL": 3,
1079
1087
  "MAX_COL": 12
1080
1088
  },
1081
- "Primer::LinkComponent": {
1082
- },
1083
- "Primer::LocalTime": {
1084
- "DEFAULT_DIGIT_TYPE": "numeric",
1085
- "DEFAULT_TEXT_TYPE": "short",
1086
- "DIGIT_TYPE_OPTIONS": [
1087
- "numeric",
1088
- "2-digit"
1089
- ],
1090
- "TEXT_TYPE_OPTIONS": [
1091
- "short",
1092
- "long"
1093
- ]
1094
- },
1095
- "Primer::Markdown": {
1096
- },
1097
- "Primer::MenuComponent": {
1098
- },
1099
1089
  "Primer::Navigation::TabComponent": {
1100
1090
  "ARIA_CURRENT_OPTIONS_FOR_ANCHOR": [
1101
1091
  true,
@@ -1103,27 +1093,6 @@
1103
1093
  ],
1104
1094
  "DEFAULT_ARIA_CURRENT_FOR_ANCHOR": "page"
1105
1095
  },
1106
- "Primer::OcticonComponent": {
1107
- },
1108
- "Primer::OcticonSymbolsComponent": {
1109
- },
1110
- "Primer::PopoverComponent": {
1111
- },
1112
- "Primer::SpinnerComponent": {
1113
- },
1114
- "Primer::StateComponent": {
1115
- },
1116
- "Primer::SubheadComponent": {
1117
- },
1118
- "Primer::TabContainerComponent": {
1119
- },
1120
- "Primer::TimeAgoComponent": {
1121
- },
1122
- "Primer::TimelineItemComponent": {
1123
- "BadgeComponent": "Primer::TimelineItemComponent::BadgeComponent"
1124
- },
1125
- "Primer::TimelineItemComponent::BadgeComponent": {
1126
- },
1127
1096
  "Primer::Tooltip": {
1128
1097
  "ALIGN_DEFAULT": "default",
1129
1098
  "ALIGN_MAPPING": {