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/previews.json ADDED
@@ -0,0 +1,1812 @@
1
+ [
2
+ {
3
+ "name": "action_list",
4
+ "lookup_path": "primer/alpha/action_list",
5
+ "examples": [
6
+ {
7
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/playground",
8
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/playground",
9
+ "name": "playground"
10
+ },
11
+ {
12
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/default",
13
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/default",
14
+ "name": "default"
15
+ },
16
+ {
17
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/leading_visuals",
18
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/leading_visuals",
19
+ "name": "leading_visuals"
20
+ },
21
+ {
22
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/divider",
23
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/divider",
24
+ "name": "divider"
25
+ },
26
+ {
27
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/heading",
28
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/heading",
29
+ "name": "heading"
30
+ },
31
+ {
32
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item",
33
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item",
34
+ "name": "item"
35
+ },
36
+ {
37
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_default",
38
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_default",
39
+ "name": "item_default"
40
+ },
41
+ {
42
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_size_large",
43
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_size_large",
44
+ "name": "item_size_large"
45
+ },
46
+ {
47
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_size_xlarge",
48
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_size_xlarge",
49
+ "name": "item_size_xlarge"
50
+ },
51
+ {
52
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_leading_visual",
53
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_leading_visual",
54
+ "name": "item_leading_visual"
55
+ },
56
+ {
57
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_trailing_visual",
58
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_trailing_visual",
59
+ "name": "item_trailing_visual"
60
+ },
61
+ {
62
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_leading_trailing_visual",
63
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_leading_trailing_visual",
64
+ "name": "item_leading_trailing_visual"
65
+ },
66
+ {
67
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_with_description",
68
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_with_description",
69
+ "name": "item_with_description"
70
+ },
71
+ {
72
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_with_description_inline",
73
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_with_description_inline",
74
+ "name": "item_with_description_inline"
75
+ },
76
+ {
77
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_trailing_action",
78
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_trailing_action",
79
+ "name": "item_trailing_action"
80
+ },
81
+ {
82
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_trailing_action_hover",
83
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_trailing_action_hover",
84
+ "name": "item_trailing_action_hover"
85
+ },
86
+ {
87
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_danger",
88
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_danger",
89
+ "name": "item_danger"
90
+ },
91
+ {
92
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_disabled",
93
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_disabled",
94
+ "name": "item_disabled"
95
+ },
96
+ {
97
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_wrap_label",
98
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_wrap_label",
99
+ "name": "item_wrap_label"
100
+ },
101
+ {
102
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_truncate_label",
103
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_truncate_label",
104
+ "name": "item_truncate_label"
105
+ },
106
+ {
107
+ "inspect_path": "/lookbook/inspect/primer/alpha/action_list/item_active",
108
+ "preview_path": "/lookbook/preview/primer/alpha/action_list/item_active",
109
+ "name": "item_active"
110
+ }
111
+ ]
112
+ },
113
+ {
114
+ "name": "auto_complete",
115
+ "lookup_path": "primer/alpha/auto_complete",
116
+ "examples": [
117
+ {
118
+ "inspect_path": "/lookbook/inspect/primer/alpha/auto_complete/playground",
119
+ "preview_path": "/lookbook/preview/primer/alpha/auto_complete/playground",
120
+ "name": "playground"
121
+ },
122
+ {
123
+ "inspect_path": "/lookbook/inspect/primer/alpha/auto_complete/default",
124
+ "preview_path": "/lookbook/preview/primer/alpha/auto_complete/default",
125
+ "name": "default"
126
+ },
127
+ {
128
+ "inspect_path": "/lookbook/inspect/primer/alpha/auto_complete/more_examples",
129
+ "preview_path": "/lookbook/preview/primer/alpha/auto_complete/more_examples",
130
+ "name": "more_examples"
131
+ }
132
+ ]
133
+ },
134
+ {
135
+ "name": "auto_complete",
136
+ "lookup_path": "primer/beta/auto_complete",
137
+ "examples": [
138
+ {
139
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/playground",
140
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/playground",
141
+ "name": "playground"
142
+ },
143
+ {
144
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/default",
145
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/default",
146
+ "name": "default"
147
+ },
148
+ {
149
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/with_submit_button",
150
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/with_submit_button",
151
+ "name": "with_submit_button"
152
+ },
153
+ {
154
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/leading_visual",
155
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/leading_visual",
156
+ "name": "leading_visual"
157
+ },
158
+ {
159
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/trailing_action",
160
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/trailing_action",
161
+ "name": "trailing_action"
162
+ },
163
+ {
164
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/full_width",
165
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/full_width",
166
+ "name": "full_width"
167
+ },
168
+ {
169
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/visually_hide_label",
170
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/visually_hide_label",
171
+ "name": "visually_hide_label"
172
+ },
173
+ {
174
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/leading_visual_in_results",
175
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/leading_visual_in_results",
176
+ "name": "leading_visual_in_results"
177
+ },
178
+ {
179
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/trailing_visual_in_results",
180
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/trailing_visual_in_results",
181
+ "name": "trailing_visual_in_results"
182
+ },
183
+ {
184
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/with_non_visible_label",
185
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/with_non_visible_label",
186
+ "name": "with_non_visible_label"
187
+ },
188
+ {
189
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/with_icon",
190
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/with_icon",
191
+ "name": "with_icon"
192
+ },
193
+ {
194
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/show_clear_button",
195
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/show_clear_button",
196
+ "name": "show_clear_button"
197
+ },
198
+ {
199
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/size_small",
200
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/size_small",
201
+ "name": "size_small"
202
+ },
203
+ {
204
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/monospace",
205
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/monospace",
206
+ "name": "monospace"
207
+ },
208
+ {
209
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/inset",
210
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/inset",
211
+ "name": "inset"
212
+ },
213
+ {
214
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete/sizes",
215
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete/sizes",
216
+ "name": "sizes"
217
+ }
218
+ ]
219
+ },
220
+ {
221
+ "name": "auto_complete_item",
222
+ "lookup_path": "primer/beta/auto_complete_item",
223
+ "examples": [
224
+ {
225
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete_item/playground",
226
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete_item/playground",
227
+ "name": "playground"
228
+ },
229
+ {
230
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete_item/default",
231
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete_item/default",
232
+ "name": "default"
233
+ },
234
+ {
235
+ "inspect_path": "/lookbook/inspect/primer/beta/auto_complete_item/with_description",
236
+ "preview_path": "/lookbook/preview/primer/beta/auto_complete_item/with_description",
237
+ "name": "with_description"
238
+ }
239
+ ]
240
+ },
241
+ {
242
+ "name": "avatar",
243
+ "lookup_path": "primer/beta/avatar",
244
+ "examples": [
245
+ {
246
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar/playground",
247
+ "preview_path": "/lookbook/preview/primer/beta/avatar/playground",
248
+ "name": "playground"
249
+ },
250
+ {
251
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar/default",
252
+ "preview_path": "/lookbook/preview/primer/beta/avatar/default",
253
+ "name": "default"
254
+ },
255
+ {
256
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar/as_link",
257
+ "preview_path": "/lookbook/preview/primer/beta/avatar/as_link",
258
+ "name": "as_link"
259
+ },
260
+ {
261
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar/shape",
262
+ "preview_path": "/lookbook/preview/primer/beta/avatar/shape",
263
+ "name": "shape"
264
+ },
265
+ {
266
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar/sizes",
267
+ "preview_path": "/lookbook/preview/primer/beta/avatar/sizes",
268
+ "name": "sizes"
269
+ }
270
+ ]
271
+ },
272
+ {
273
+ "name": "avatar_stack",
274
+ "lookup_path": "primer/beta/avatar_stack",
275
+ "examples": [
276
+ {
277
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar_stack/playground",
278
+ "preview_path": "/lookbook/preview/primer/beta/avatar_stack/playground",
279
+ "name": "playground"
280
+ },
281
+ {
282
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar_stack/default",
283
+ "preview_path": "/lookbook/preview/primer/beta/avatar_stack/default",
284
+ "name": "default"
285
+ },
286
+ {
287
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar_stack/more_options",
288
+ "preview_path": "/lookbook/preview/primer/beta/avatar_stack/more_options",
289
+ "name": "more_options"
290
+ },
291
+ {
292
+ "inspect_path": "/lookbook/inspect/primer/beta/avatar_stack/multiple_avatars",
293
+ "preview_path": "/lookbook/preview/primer/beta/avatar_stack/multiple_avatars",
294
+ "name": "multiple_avatars"
295
+ }
296
+ ]
297
+ },
298
+ {
299
+ "name": "banner",
300
+ "lookup_path": "primer/alpha/banner",
301
+ "examples": [
302
+ {
303
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/playground",
304
+ "preview_path": "/lookbook/preview/primer/alpha/banner/playground",
305
+ "name": "playground"
306
+ },
307
+ {
308
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/default",
309
+ "preview_path": "/lookbook/preview/primer/alpha/banner/default",
310
+ "name": "default"
311
+ },
312
+ {
313
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/dismissable",
314
+ "preview_path": "/lookbook/preview/primer/alpha/banner/dismissable",
315
+ "name": "dismissable"
316
+ },
317
+ {
318
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/with_action_button",
319
+ "preview_path": "/lookbook/preview/primer/alpha/banner/with_action_button",
320
+ "name": "with_action_button"
321
+ },
322
+ {
323
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/with_action_content",
324
+ "preview_path": "/lookbook/preview/primer/alpha/banner/with_action_content",
325
+ "name": "with_action_content"
326
+ },
327
+ {
328
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/full_width",
329
+ "preview_path": "/lookbook/preview/primer/alpha/banner/full_width",
330
+ "name": "full_width"
331
+ },
332
+ {
333
+ "inspect_path": "/lookbook/inspect/primer/alpha/banner/schemes",
334
+ "preview_path": "/lookbook/preview/primer/alpha/banner/schemes",
335
+ "name": "schemes"
336
+ }
337
+ ]
338
+ },
339
+ {
340
+ "name": "base_button",
341
+ "lookup_path": "primer/beta/base_button",
342
+ "examples": [
343
+ {
344
+ "inspect_path": "/lookbook/inspect/primer/beta/base_button/playground",
345
+ "preview_path": "/lookbook/preview/primer/beta/base_button/playground",
346
+ "name": "playground"
347
+ },
348
+ {
349
+ "inspect_path": "/lookbook/inspect/primer/beta/base_button/default",
350
+ "preview_path": "/lookbook/preview/primer/beta/base_button/default",
351
+ "name": "default"
352
+ }
353
+ ]
354
+ },
355
+ {
356
+ "name": "blankslate",
357
+ "lookup_path": "primer/beta/blankslate",
358
+ "examples": [
359
+ {
360
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/playground",
361
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/playground",
362
+ "name": "playground"
363
+ },
364
+ {
365
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/default",
366
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/default",
367
+ "name": "default"
368
+ },
369
+ {
370
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/with_icon",
371
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/with_icon",
372
+ "name": "with_icon"
373
+ },
374
+ {
375
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/with_image",
376
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/with_image",
377
+ "name": "with_image"
378
+ },
379
+ {
380
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/loading",
381
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/loading",
382
+ "name": "loading"
383
+ },
384
+ {
385
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/description",
386
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/description",
387
+ "name": "description"
388
+ },
389
+ {
390
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/primary_action",
391
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/primary_action",
392
+ "name": "primary_action"
393
+ },
394
+ {
395
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/secondary_action",
396
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/secondary_action",
397
+ "name": "secondary_action"
398
+ },
399
+ {
400
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/full",
401
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/full",
402
+ "name": "full"
403
+ },
404
+ {
405
+ "inspect_path": "/lookbook/inspect/primer/beta/blankslate/options",
406
+ "preview_path": "/lookbook/preview/primer/beta/blankslate/options",
407
+ "name": "options"
408
+ }
409
+ ]
410
+ },
411
+ {
412
+ "name": "border_box",
413
+ "lookup_path": "primer/beta/border_box",
414
+ "examples": [
415
+ {
416
+ "inspect_path": "/lookbook/inspect/primer/beta/border_box/playground",
417
+ "preview_path": "/lookbook/preview/primer/beta/border_box/playground",
418
+ "name": "playground"
419
+ },
420
+ {
421
+ "inspect_path": "/lookbook/inspect/primer/beta/border_box/default",
422
+ "preview_path": "/lookbook/preview/primer/beta/border_box/default",
423
+ "name": "default"
424
+ },
425
+ {
426
+ "inspect_path": "/lookbook/inspect/primer/beta/border_box/header_with_title",
427
+ "preview_path": "/lookbook/preview/primer/beta/border_box/header_with_title",
428
+ "name": "header_with_title"
429
+ },
430
+ {
431
+ "inspect_path": "/lookbook/inspect/primer/beta/border_box/row_colors",
432
+ "preview_path": "/lookbook/preview/primer/beta/border_box/row_colors",
433
+ "name": "row_colors"
434
+ },
435
+ {
436
+ "inspect_path": "/lookbook/inspect/primer/beta/border_box/padding",
437
+ "preview_path": "/lookbook/preview/primer/beta/border_box/padding",
438
+ "name": "padding"
439
+ }
440
+ ]
441
+ },
442
+ {
443
+ "name": "breadcrumbs",
444
+ "lookup_path": "primer/beta/breadcrumbs",
445
+ "examples": [
446
+ {
447
+ "inspect_path": "/lookbook/inspect/primer/beta/breadcrumbs/playground",
448
+ "preview_path": "/lookbook/preview/primer/beta/breadcrumbs/playground",
449
+ "name": "playground"
450
+ },
451
+ {
452
+ "inspect_path": "/lookbook/inspect/primer/beta/breadcrumbs/default",
453
+ "preview_path": "/lookbook/preview/primer/beta/breadcrumbs/default",
454
+ "name": "default"
455
+ }
456
+ ]
457
+ },
458
+ {
459
+ "name": "button",
460
+ "lookup_path": "primer/beta/button",
461
+ "examples": [
462
+ {
463
+ "inspect_path": "/lookbook/inspect/primer/beta/button/playground",
464
+ "preview_path": "/lookbook/preview/primer/beta/button/playground",
465
+ "name": "playground"
466
+ },
467
+ {
468
+ "inspect_path": "/lookbook/inspect/primer/beta/button/default",
469
+ "preview_path": "/lookbook/preview/primer/beta/button/default",
470
+ "name": "default"
471
+ },
472
+ {
473
+ "inspect_path": "/lookbook/inspect/primer/beta/button/primary",
474
+ "preview_path": "/lookbook/preview/primer/beta/button/primary",
475
+ "name": "primary"
476
+ },
477
+ {
478
+ "inspect_path": "/lookbook/inspect/primer/beta/button/danger",
479
+ "preview_path": "/lookbook/preview/primer/beta/button/danger",
480
+ "name": "danger"
481
+ },
482
+ {
483
+ "inspect_path": "/lookbook/inspect/primer/beta/button/invisible",
484
+ "preview_path": "/lookbook/preview/primer/beta/button/invisible",
485
+ "name": "invisible"
486
+ },
487
+ {
488
+ "inspect_path": "/lookbook/inspect/primer/beta/button/invisible_all_visuals",
489
+ "preview_path": "/lookbook/preview/primer/beta/button/invisible_all_visuals",
490
+ "name": "invisible_all_visuals"
491
+ },
492
+ {
493
+ "inspect_path": "/lookbook/inspect/primer/beta/button/link",
494
+ "preview_path": "/lookbook/preview/primer/beta/button/link",
495
+ "name": "link"
496
+ },
497
+ {
498
+ "inspect_path": "/lookbook/inspect/primer/beta/button/all_schemes",
499
+ "preview_path": "/lookbook/preview/primer/beta/button/all_schemes",
500
+ "name": "all_schemes"
501
+ },
502
+ {
503
+ "inspect_path": "/lookbook/inspect/primer/beta/button/full_width",
504
+ "preview_path": "/lookbook/preview/primer/beta/button/full_width",
505
+ "name": "full_width"
506
+ },
507
+ {
508
+ "inspect_path": "/lookbook/inspect/primer/beta/button/link_as_button",
509
+ "preview_path": "/lookbook/preview/primer/beta/button/link_as_button",
510
+ "name": "link_as_button"
511
+ },
512
+ {
513
+ "inspect_path": "/lookbook/inspect/primer/beta/button/trailing_visual",
514
+ "preview_path": "/lookbook/preview/primer/beta/button/trailing_visual",
515
+ "name": "trailing_visual"
516
+ },
517
+ {
518
+ "inspect_path": "/lookbook/inspect/primer/beta/button/leading_visual",
519
+ "preview_path": "/lookbook/preview/primer/beta/button/leading_visual",
520
+ "name": "leading_visual"
521
+ },
522
+ {
523
+ "inspect_path": "/lookbook/inspect/primer/beta/button/trailing_action",
524
+ "preview_path": "/lookbook/preview/primer/beta/button/trailing_action",
525
+ "name": "trailing_action"
526
+ },
527
+ {
528
+ "inspect_path": "/lookbook/inspect/primer/beta/button/with_tooltip",
529
+ "preview_path": "/lookbook/preview/primer/beta/button/with_tooltip",
530
+ "name": "with_tooltip"
531
+ }
532
+ ]
533
+ },
534
+ {
535
+ "name": "button_group",
536
+ "lookup_path": "primer/beta/button_group",
537
+ "examples": [
538
+ {
539
+ "inspect_path": "/lookbook/inspect/primer/beta/button_group/playground",
540
+ "preview_path": "/lookbook/preview/primer/beta/button_group/playground",
541
+ "name": "playground"
542
+ },
543
+ {
544
+ "inspect_path": "/lookbook/inspect/primer/beta/button_group/default",
545
+ "preview_path": "/lookbook/preview/primer/beta/button_group/default",
546
+ "name": "default"
547
+ }
548
+ ]
549
+ },
550
+ {
551
+ "name": "button_marketing",
552
+ "lookup_path": "primer/alpha/button_marketing",
553
+ "examples": [
554
+ {
555
+ "inspect_path": "/lookbook/inspect/primer/alpha/button_marketing/playground",
556
+ "preview_path": "/lookbook/preview/primer/alpha/button_marketing/playground",
557
+ "name": "playground"
558
+ },
559
+ {
560
+ "inspect_path": "/lookbook/inspect/primer/alpha/button_marketing/default",
561
+ "preview_path": "/lookbook/preview/primer/alpha/button_marketing/default",
562
+ "name": "default"
563
+ },
564
+ {
565
+ "inspect_path": "/lookbook/inspect/primer/alpha/button_marketing/schemes",
566
+ "preview_path": "/lookbook/preview/primer/alpha/button_marketing/schemes",
567
+ "name": "schemes"
568
+ },
569
+ {
570
+ "inspect_path": "/lookbook/inspect/primer/alpha/button_marketing/size_variants",
571
+ "preview_path": "/lookbook/preview/primer/alpha/button_marketing/size_variants",
572
+ "name": "size_variants"
573
+ }
574
+ ]
575
+ },
576
+ {
577
+ "name": "check_box",
578
+ "lookup_path": "primer/alpha/check_box",
579
+ "examples": [
580
+ {
581
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box/playground",
582
+ "preview_path": "/lookbook/preview/primer/alpha/check_box/playground",
583
+ "name": "playground"
584
+ },
585
+ {
586
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box/default",
587
+ "preview_path": "/lookbook/preview/primer/alpha/check_box/default",
588
+ "name": "default"
589
+ },
590
+ {
591
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box/options",
592
+ "preview_path": "/lookbook/preview/primer/alpha/check_box/options",
593
+ "name": "options"
594
+ }
595
+ ]
596
+ },
597
+ {
598
+ "name": "check_box_group",
599
+ "lookup_path": "primer/alpha/check_box_group",
600
+ "examples": [
601
+ {
602
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/playground",
603
+ "preview_path": "/lookbook/preview/primer/alpha/check_box_group/playground",
604
+ "name": "playground"
605
+ },
606
+ {
607
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/default",
608
+ "preview_path": "/lookbook/preview/primer/alpha/check_box_group/default",
609
+ "name": "default"
610
+ },
611
+ {
612
+ "inspect_path": "/lookbook/inspect/primer/alpha/check_box_group/options",
613
+ "preview_path": "/lookbook/preview/primer/alpha/check_box_group/options",
614
+ "name": "options"
615
+ }
616
+ ]
617
+ },
618
+ {
619
+ "name": "clipboard_copy",
620
+ "lookup_path": "primer/beta/clipboard_copy",
621
+ "examples": [
622
+ {
623
+ "inspect_path": "/lookbook/inspect/primer/beta/clipboard_copy/playground",
624
+ "preview_path": "/lookbook/preview/primer/beta/clipboard_copy/playground",
625
+ "name": "playground"
626
+ },
627
+ {
628
+ "inspect_path": "/lookbook/inspect/primer/beta/clipboard_copy/default",
629
+ "preview_path": "/lookbook/preview/primer/beta/clipboard_copy/default",
630
+ "name": "default"
631
+ },
632
+ {
633
+ "inspect_path": "/lookbook/inspect/primer/beta/clipboard_copy/text",
634
+ "preview_path": "/lookbook/preview/primer/beta/clipboard_copy/text",
635
+ "name": "text"
636
+ },
637
+ {
638
+ "inspect_path": "/lookbook/inspect/primer/beta/clipboard_copy/element",
639
+ "preview_path": "/lookbook/preview/primer/beta/clipboard_copy/element",
640
+ "name": "element"
641
+ }
642
+ ]
643
+ },
644
+ {
645
+ "name": "close_button",
646
+ "lookup_path": "primer/beta/close_button",
647
+ "examples": [
648
+ {
649
+ "inspect_path": "/lookbook/inspect/primer/beta/close_button/playground",
650
+ "preview_path": "/lookbook/preview/primer/beta/close_button/playground",
651
+ "name": "playground"
652
+ },
653
+ {
654
+ "inspect_path": "/lookbook/inspect/primer/beta/close_button/default",
655
+ "preview_path": "/lookbook/preview/primer/beta/close_button/default",
656
+ "name": "default"
657
+ }
658
+ ]
659
+ },
660
+ {
661
+ "name": "counter",
662
+ "lookup_path": "primer/beta/counter",
663
+ "examples": [
664
+ {
665
+ "inspect_path": "/lookbook/inspect/primer/beta/counter/playground",
666
+ "preview_path": "/lookbook/preview/primer/beta/counter/playground",
667
+ "name": "playground"
668
+ },
669
+ {
670
+ "inspect_path": "/lookbook/inspect/primer/beta/counter/default",
671
+ "preview_path": "/lookbook/preview/primer/beta/counter/default",
672
+ "name": "default"
673
+ },
674
+ {
675
+ "inspect_path": "/lookbook/inspect/primer/beta/counter/with_text",
676
+ "preview_path": "/lookbook/preview/primer/beta/counter/with_text",
677
+ "name": "with_text"
678
+ },
679
+ {
680
+ "inspect_path": "/lookbook/inspect/primer/beta/counter/color_schemes",
681
+ "preview_path": "/lookbook/preview/primer/beta/counter/color_schemes",
682
+ "name": "color_schemes"
683
+ },
684
+ {
685
+ "inspect_path": "/lookbook/inspect/primer/beta/counter/rounded_number",
686
+ "preview_path": "/lookbook/preview/primer/beta/counter/rounded_number",
687
+ "name": "rounded_number"
688
+ }
689
+ ]
690
+ },
691
+ {
692
+ "name": "details",
693
+ "lookup_path": "primer/beta/details",
694
+ "examples": [
695
+ {
696
+ "inspect_path": "/lookbook/inspect/primer/beta/details/playground",
697
+ "preview_path": "/lookbook/preview/primer/beta/details/playground",
698
+ "name": "playground"
699
+ },
700
+ {
701
+ "inspect_path": "/lookbook/inspect/primer/beta/details/default",
702
+ "preview_path": "/lookbook/preview/primer/beta/details/default",
703
+ "name": "default"
704
+ },
705
+ {
706
+ "inspect_path": "/lookbook/inspect/primer/beta/details/custom_button",
707
+ "preview_path": "/lookbook/preview/primer/beta/details/custom_button",
708
+ "name": "custom_button"
709
+ },
710
+ {
711
+ "inspect_path": "/lookbook/inspect/primer/beta/details/without_button",
712
+ "preview_path": "/lookbook/preview/primer/beta/details/without_button",
713
+ "name": "without_button"
714
+ }
715
+ ]
716
+ },
717
+ {
718
+ "name": "dialog",
719
+ "lookup_path": "primer/alpha/dialog",
720
+ "examples": [
721
+ {
722
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/playground",
723
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/playground",
724
+ "name": "playground"
725
+ },
726
+ {
727
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/default",
728
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/default",
729
+ "name": "default"
730
+ },
731
+ {
732
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/long_text",
733
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/long_text",
734
+ "name": "long_text"
735
+ },
736
+ {
737
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/with_footer",
738
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/with_footer",
739
+ "name": "with_footer"
740
+ },
741
+ {
742
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/with_form",
743
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/with_form",
744
+ "name": "with_form"
745
+ },
746
+ {
747
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/custom_header",
748
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/custom_header",
749
+ "name": "custom_header"
750
+ },
751
+ {
752
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/nested_dialog",
753
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/nested_dialog",
754
+ "name": "nested_dialog"
755
+ },
756
+ {
757
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/with_text_input",
758
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/with_text_input",
759
+ "name": "with_text_input"
760
+ },
761
+ {
762
+ "inspect_path": "/lookbook/inspect/primer/alpha/dialog/body_has_scrollbar_overflow",
763
+ "preview_path": "/lookbook/preview/primer/alpha/dialog/body_has_scrollbar_overflow",
764
+ "name": "body_has_scrollbar_overflow"
765
+ }
766
+ ]
767
+ },
768
+ {
769
+ "name": "dropdown",
770
+ "lookup_path": "primer/alpha/dropdown",
771
+ "examples": [
772
+ {
773
+ "inspect_path": "/lookbook/inspect/primer/alpha/dropdown/playground",
774
+ "preview_path": "/lookbook/preview/primer/alpha/dropdown/playground",
775
+ "name": "playground"
776
+ },
777
+ {
778
+ "inspect_path": "/lookbook/inspect/primer/alpha/dropdown/default",
779
+ "preview_path": "/lookbook/preview/primer/alpha/dropdown/default",
780
+ "name": "default"
781
+ },
782
+ {
783
+ "inspect_path": "/lookbook/inspect/primer/alpha/dropdown/menu",
784
+ "preview_path": "/lookbook/preview/primer/alpha/dropdown/menu",
785
+ "name": "menu"
786
+ },
787
+ {
788
+ "inspect_path": "/lookbook/inspect/primer/alpha/dropdown/direction",
789
+ "preview_path": "/lookbook/preview/primer/alpha/dropdown/direction",
790
+ "name": "direction"
791
+ },
792
+ {
793
+ "inspect_path": "/lookbook/inspect/primer/alpha/dropdown/options",
794
+ "preview_path": "/lookbook/preview/primer/alpha/dropdown/options",
795
+ "name": "options"
796
+ }
797
+ ]
798
+ },
799
+ {
800
+ "name": "flash",
801
+ "lookup_path": "primer/beta/flash",
802
+ "examples": [
803
+ {
804
+ "inspect_path": "/lookbook/inspect/primer/beta/flash/playground",
805
+ "preview_path": "/lookbook/preview/primer/beta/flash/playground",
806
+ "name": "playground"
807
+ },
808
+ {
809
+ "inspect_path": "/lookbook/inspect/primer/beta/flash/default",
810
+ "preview_path": "/lookbook/preview/primer/beta/flash/default",
811
+ "name": "default"
812
+ },
813
+ {
814
+ "inspect_path": "/lookbook/inspect/primer/beta/flash/color_schemes",
815
+ "preview_path": "/lookbook/preview/primer/beta/flash/color_schemes",
816
+ "name": "color_schemes"
817
+ },
818
+ {
819
+ "inspect_path": "/lookbook/inspect/primer/beta/flash/more_options",
820
+ "preview_path": "/lookbook/preview/primer/beta/flash/more_options",
821
+ "name": "more_options"
822
+ }
823
+ ]
824
+ },
825
+ {
826
+ "name": "form_control",
827
+ "lookup_path": "primer/alpha/form_control",
828
+ "examples": [
829
+ {
830
+ "inspect_path": "/lookbook/inspect/primer/alpha/form_control/playground",
831
+ "preview_path": "/lookbook/preview/primer/alpha/form_control/playground",
832
+ "name": "playground"
833
+ },
834
+ {
835
+ "inspect_path": "/lookbook/inspect/primer/alpha/form_control/default",
836
+ "preview_path": "/lookbook/preview/primer/alpha/form_control/default",
837
+ "name": "default"
838
+ },
839
+ {
840
+ "inspect_path": "/lookbook/inspect/primer/alpha/form_control/options",
841
+ "preview_path": "/lookbook/preview/primer/alpha/form_control/options",
842
+ "name": "options"
843
+ }
844
+ ]
845
+ },
846
+ {
847
+ "name": "forms",
848
+ "lookup_path": "primer/forms",
849
+ "examples": [
850
+ {
851
+ "inspect_path": "/lookbook/inspect/primer/forms/single_text_field_form",
852
+ "preview_path": "/lookbook/preview/primer/forms/single_text_field_form",
853
+ "name": "single_text_field_form"
854
+ },
855
+ {
856
+ "inspect_path": "/lookbook/inspect/primer/forms/multi_text_field_form",
857
+ "preview_path": "/lookbook/preview/primer/forms/multi_text_field_form",
858
+ "name": "multi_text_field_form"
859
+ },
860
+ {
861
+ "inspect_path": "/lookbook/inspect/primer/forms/text_field_and_checkbox_form",
862
+ "preview_path": "/lookbook/preview/primer/forms/text_field_and_checkbox_form",
863
+ "name": "text_field_and_checkbox_form"
864
+ },
865
+ {
866
+ "inspect_path": "/lookbook/inspect/primer/forms/horizontal_form",
867
+ "preview_path": "/lookbook/preview/primer/forms/horizontal_form",
868
+ "name": "horizontal_form"
869
+ },
870
+ {
871
+ "inspect_path": "/lookbook/inspect/primer/forms/composed_form",
872
+ "preview_path": "/lookbook/preview/primer/forms/composed_form",
873
+ "name": "composed_form"
874
+ },
875
+ {
876
+ "inspect_path": "/lookbook/inspect/primer/forms/submit_button_form",
877
+ "preview_path": "/lookbook/preview/primer/forms/submit_button_form",
878
+ "name": "submit_button_form"
879
+ },
880
+ {
881
+ "inspect_path": "/lookbook/inspect/primer/forms/radio_button_group_form",
882
+ "preview_path": "/lookbook/preview/primer/forms/radio_button_group_form",
883
+ "name": "radio_button_group_form"
884
+ },
885
+ {
886
+ "inspect_path": "/lookbook/inspect/primer/forms/check_box_group_form",
887
+ "preview_path": "/lookbook/preview/primer/forms/check_box_group_form",
888
+ "name": "check_box_group_form"
889
+ },
890
+ {
891
+ "inspect_path": "/lookbook/inspect/primer/forms/array_check_box_group_form",
892
+ "preview_path": "/lookbook/preview/primer/forms/array_check_box_group_form",
893
+ "name": "array_check_box_group_form"
894
+ },
895
+ {
896
+ "inspect_path": "/lookbook/inspect/primer/forms/select_form",
897
+ "preview_path": "/lookbook/preview/primer/forms/select_form",
898
+ "name": "select_form"
899
+ },
900
+ {
901
+ "inspect_path": "/lookbook/inspect/primer/forms/radio_button_with_nested_form",
902
+ "preview_path": "/lookbook/preview/primer/forms/radio_button_with_nested_form",
903
+ "name": "radio_button_with_nested_form"
904
+ },
905
+ {
906
+ "inspect_path": "/lookbook/inspect/primer/forms/check_box_with_nested_form",
907
+ "preview_path": "/lookbook/preview/primer/forms/check_box_with_nested_form",
908
+ "name": "check_box_with_nested_form"
909
+ },
910
+ {
911
+ "inspect_path": "/lookbook/inspect/primer/forms/caption_template_form",
912
+ "preview_path": "/lookbook/preview/primer/forms/caption_template_form",
913
+ "name": "caption_template_form"
914
+ },
915
+ {
916
+ "inspect_path": "/lookbook/inspect/primer/forms/after_content_form",
917
+ "preview_path": "/lookbook/preview/primer/forms/after_content_form",
918
+ "name": "after_content_form"
919
+ },
920
+ {
921
+ "inspect_path": "/lookbook/inspect/primer/forms/invalid_form",
922
+ "preview_path": "/lookbook/preview/primer/forms/invalid_form",
923
+ "name": "invalid_form"
924
+ },
925
+ {
926
+ "inspect_path": "/lookbook/inspect/primer/forms/multi_input_form",
927
+ "preview_path": "/lookbook/preview/primer/forms/multi_input_form",
928
+ "name": "multi_input_form"
929
+ },
930
+ {
931
+ "inspect_path": "/lookbook/inspect/primer/forms/name_with_question_mark_form",
932
+ "preview_path": "/lookbook/preview/primer/forms/name_with_question_mark_form",
933
+ "name": "name_with_question_mark_form"
934
+ },
935
+ {
936
+ "inspect_path": "/lookbook/inspect/primer/forms/immediate_validation_form",
937
+ "preview_path": "/lookbook/preview/primer/forms/immediate_validation_form",
938
+ "name": "immediate_validation_form"
939
+ },
940
+ {
941
+ "inspect_path": "/lookbook/inspect/primer/forms/example_toggle_switch_form",
942
+ "preview_path": "/lookbook/preview/primer/forms/example_toggle_switch_form",
943
+ "name": "example_toggle_switch_form"
944
+ }
945
+ ]
946
+ },
947
+ {
948
+ "name": "heading",
949
+ "lookup_path": "primer/beta/heading",
950
+ "examples": [
951
+ {
952
+ "inspect_path": "/lookbook/inspect/primer/beta/heading/playground",
953
+ "preview_path": "/lookbook/preview/primer/beta/heading/playground",
954
+ "name": "playground"
955
+ },
956
+ {
957
+ "inspect_path": "/lookbook/inspect/primer/beta/heading/default",
958
+ "preview_path": "/lookbook/preview/primer/beta/heading/default",
959
+ "name": "default"
960
+ }
961
+ ]
962
+ },
963
+ {
964
+ "name": "hellip_button",
965
+ "lookup_path": "primer/alpha/hellip_button",
966
+ "examples": [
967
+ {
968
+ "inspect_path": "/lookbook/inspect/primer/alpha/hellip_button/default",
969
+ "preview_path": "/lookbook/preview/primer/alpha/hellip_button/default",
970
+ "name": "default"
971
+ },
972
+ {
973
+ "inspect_path": "/lookbook/inspect/primer/alpha/hellip_button/playground",
974
+ "preview_path": "/lookbook/preview/primer/alpha/hellip_button/playground",
975
+ "name": "playground"
976
+ }
977
+ ]
978
+ },
979
+ {
980
+ "name": "hidden_text_expander",
981
+ "lookup_path": "primer/alpha/hidden_text_expander",
982
+ "examples": [
983
+ {
984
+ "inspect_path": "/lookbook/inspect/primer/alpha/hidden_text_expander/playground",
985
+ "preview_path": "/lookbook/preview/primer/alpha/hidden_text_expander/playground",
986
+ "name": "playground"
987
+ },
988
+ {
989
+ "inspect_path": "/lookbook/inspect/primer/alpha/hidden_text_expander/default",
990
+ "preview_path": "/lookbook/preview/primer/alpha/hidden_text_expander/default",
991
+ "name": "default"
992
+ }
993
+ ]
994
+ },
995
+ {
996
+ "name": "icon_button",
997
+ "lookup_path": "primer/beta/icon_button",
998
+ "examples": [
999
+ {
1000
+ "inspect_path": "/lookbook/inspect/primer/beta/icon_button/playground",
1001
+ "preview_path": "/lookbook/preview/primer/beta/icon_button/playground",
1002
+ "name": "playground"
1003
+ },
1004
+ {
1005
+ "inspect_path": "/lookbook/inspect/primer/beta/icon_button/default",
1006
+ "preview_path": "/lookbook/preview/primer/beta/icon_button/default",
1007
+ "name": "default"
1008
+ },
1009
+ {
1010
+ "inspect_path": "/lookbook/inspect/primer/beta/icon_button/invisible",
1011
+ "preview_path": "/lookbook/preview/primer/beta/icon_button/invisible",
1012
+ "name": "invisible"
1013
+ },
1014
+ {
1015
+ "inspect_path": "/lookbook/inspect/primer/beta/icon_button/danger",
1016
+ "preview_path": "/lookbook/preview/primer/beta/icon_button/danger",
1017
+ "name": "danger"
1018
+ }
1019
+ ]
1020
+ },
1021
+ {
1022
+ "name": "image_crop",
1023
+ "lookup_path": "primer/alpha/image_crop",
1024
+ "examples": [
1025
+ {
1026
+ "inspect_path": "/lookbook/inspect/primer/alpha/image_crop/playground",
1027
+ "preview_path": "/lookbook/preview/primer/alpha/image_crop/playground",
1028
+ "name": "playground"
1029
+ },
1030
+ {
1031
+ "inspect_path": "/lookbook/inspect/primer/alpha/image_crop/default",
1032
+ "preview_path": "/lookbook/preview/primer/alpha/image_crop/default",
1033
+ "name": "default"
1034
+ },
1035
+ {
1036
+ "inspect_path": "/lookbook/inspect/primer/alpha/image_crop/loading",
1037
+ "preview_path": "/lookbook/preview/primer/alpha/image_crop/loading",
1038
+ "name": "loading"
1039
+ }
1040
+ ]
1041
+ },
1042
+ {
1043
+ "name": "label",
1044
+ "lookup_path": "primer/beta/label",
1045
+ "examples": [
1046
+ {
1047
+ "inspect_path": "/lookbook/inspect/primer/beta/label/playground",
1048
+ "preview_path": "/lookbook/preview/primer/beta/label/playground",
1049
+ "name": "playground"
1050
+ },
1051
+ {
1052
+ "inspect_path": "/lookbook/inspect/primer/beta/label/default",
1053
+ "preview_path": "/lookbook/preview/primer/beta/label/default",
1054
+ "name": "default"
1055
+ },
1056
+ {
1057
+ "inspect_path": "/lookbook/inspect/primer/beta/label/color_schemes",
1058
+ "preview_path": "/lookbook/preview/primer/beta/label/color_schemes",
1059
+ "name": "color_schemes"
1060
+ },
1061
+ {
1062
+ "inspect_path": "/lookbook/inspect/primer/beta/label/inline",
1063
+ "preview_path": "/lookbook/preview/primer/beta/label/inline",
1064
+ "name": "inline"
1065
+ },
1066
+ {
1067
+ "inspect_path": "/lookbook/inspect/primer/beta/label/sizes",
1068
+ "preview_path": "/lookbook/preview/primer/beta/label/sizes",
1069
+ "name": "sizes"
1070
+ }
1071
+ ]
1072
+ },
1073
+ {
1074
+ "name": "layout",
1075
+ "lookup_path": "primer/alpha/layout",
1076
+ "examples": [
1077
+ {
1078
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/playground",
1079
+ "preview_path": "/lookbook/preview/primer/alpha/layout/playground",
1080
+ "name": "playground"
1081
+ },
1082
+ {
1083
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/default",
1084
+ "preview_path": "/lookbook/preview/primer/alpha/layout/default",
1085
+ "name": "default"
1086
+ },
1087
+ {
1088
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/gutter",
1089
+ "preview_path": "/lookbook/preview/primer/alpha/layout/gutter",
1090
+ "name": "gutter"
1091
+ },
1092
+ {
1093
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/main_width",
1094
+ "preview_path": "/lookbook/preview/primer/alpha/layout/main_width",
1095
+ "name": "main_width"
1096
+ },
1097
+ {
1098
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/sidebar_column_placement",
1099
+ "preview_path": "/lookbook/preview/primer/alpha/layout/sidebar_column_placement",
1100
+ "name": "sidebar_column_placement"
1101
+ },
1102
+ {
1103
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/sidebar_row_placement",
1104
+ "preview_path": "/lookbook/preview/primer/alpha/layout/sidebar_row_placement",
1105
+ "name": "sidebar_row_placement"
1106
+ },
1107
+ {
1108
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/sidebar_width",
1109
+ "preview_path": "/lookbook/preview/primer/alpha/layout/sidebar_width",
1110
+ "name": "sidebar_width"
1111
+ },
1112
+ {
1113
+ "inspect_path": "/lookbook/inspect/primer/alpha/layout/stacking_breakpoint",
1114
+ "preview_path": "/lookbook/preview/primer/alpha/layout/stacking_breakpoint",
1115
+ "name": "stacking_breakpoint"
1116
+ }
1117
+ ]
1118
+ },
1119
+ {
1120
+ "name": "layout",
1121
+ "lookup_path": "primer/layout",
1122
+ "examples": [
1123
+ {
1124
+ "inspect_path": "/lookbook/inspect/primer/layout/playground",
1125
+ "preview_path": "/lookbook/preview/primer/layout/playground",
1126
+ "name": "playground"
1127
+ },
1128
+ {
1129
+ "inspect_path": "/lookbook/inspect/primer/layout/default",
1130
+ "preview_path": "/lookbook/preview/primer/layout/default",
1131
+ "name": "default"
1132
+ }
1133
+ ]
1134
+ },
1135
+ {
1136
+ "name": "link",
1137
+ "lookup_path": "primer/beta/link",
1138
+ "examples": [
1139
+ {
1140
+ "inspect_path": "/lookbook/inspect/primer/beta/link/playground",
1141
+ "preview_path": "/lookbook/preview/primer/beta/link/playground",
1142
+ "name": "playground"
1143
+ },
1144
+ {
1145
+ "inspect_path": "/lookbook/inspect/primer/beta/link/default",
1146
+ "preview_path": "/lookbook/preview/primer/beta/link/default",
1147
+ "name": "default"
1148
+ },
1149
+ {
1150
+ "inspect_path": "/lookbook/inspect/primer/beta/link/tooltip",
1151
+ "preview_path": "/lookbook/preview/primer/beta/link/tooltip",
1152
+ "name": "tooltip"
1153
+ },
1154
+ {
1155
+ "inspect_path": "/lookbook/inspect/primer/beta/link/color_scheme",
1156
+ "preview_path": "/lookbook/preview/primer/beta/link/color_scheme",
1157
+ "name": "color_scheme"
1158
+ }
1159
+ ]
1160
+ },
1161
+ {
1162
+ "name": "markdown",
1163
+ "lookup_path": "primer/beta/markdown",
1164
+ "examples": [
1165
+ {
1166
+ "inspect_path": "/lookbook/inspect/primer/beta/markdown/playground",
1167
+ "preview_path": "/lookbook/preview/primer/beta/markdown/playground",
1168
+ "name": "playground"
1169
+ },
1170
+ {
1171
+ "inspect_path": "/lookbook/inspect/primer/beta/markdown/default",
1172
+ "preview_path": "/lookbook/preview/primer/beta/markdown/default",
1173
+ "name": "default"
1174
+ }
1175
+ ]
1176
+ },
1177
+ {
1178
+ "name": "menu",
1179
+ "lookup_path": "primer/alpha/menu",
1180
+ "examples": [
1181
+ {
1182
+ "inspect_path": "/lookbook/inspect/primer/alpha/menu/playground",
1183
+ "preview_path": "/lookbook/preview/primer/alpha/menu/playground",
1184
+ "name": "playground"
1185
+ },
1186
+ {
1187
+ "inspect_path": "/lookbook/inspect/primer/alpha/menu/default",
1188
+ "preview_path": "/lookbook/preview/primer/alpha/menu/default",
1189
+ "name": "default"
1190
+ }
1191
+ ]
1192
+ },
1193
+ {
1194
+ "name": "multi_input",
1195
+ "lookup_path": "primer/alpha/multi_input",
1196
+ "examples": [
1197
+ {
1198
+ "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/playground",
1199
+ "preview_path": "/lookbook/preview/primer/alpha/multi_input/playground",
1200
+ "name": "playground"
1201
+ },
1202
+ {
1203
+ "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/default",
1204
+ "preview_path": "/lookbook/preview/primer/alpha/multi_input/default",
1205
+ "name": "default"
1206
+ },
1207
+ {
1208
+ "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/with_caption",
1209
+ "preview_path": "/lookbook/preview/primer/alpha/multi_input/with_caption",
1210
+ "name": "with_caption"
1211
+ },
1212
+ {
1213
+ "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/visually_hide_label",
1214
+ "preview_path": "/lookbook/preview/primer/alpha/multi_input/visually_hide_label",
1215
+ "name": "visually_hide_label"
1216
+ },
1217
+ {
1218
+ "inspect_path": "/lookbook/inspect/primer/alpha/multi_input/disabled",
1219
+ "preview_path": "/lookbook/preview/primer/alpha/multi_input/disabled",
1220
+ "name": "disabled"
1221
+ }
1222
+ ]
1223
+ },
1224
+ {
1225
+ "name": "nav_list",
1226
+ "lookup_path": "primer/alpha/nav_list",
1227
+ "examples": [
1228
+ {
1229
+ "inspect_path": "/lookbook/inspect/primer/alpha/nav_list/playground",
1230
+ "preview_path": "/lookbook/preview/primer/alpha/nav_list/playground",
1231
+ "name": "playground"
1232
+ },
1233
+ {
1234
+ "inspect_path": "/lookbook/inspect/primer/alpha/nav_list/default",
1235
+ "preview_path": "/lookbook/preview/primer/alpha/nav_list/default",
1236
+ "name": "default"
1237
+ },
1238
+ {
1239
+ "inspect_path": "/lookbook/inspect/primer/alpha/nav_list/show_more_item",
1240
+ "preview_path": "/lookbook/preview/primer/alpha/nav_list/show_more_item",
1241
+ "name": "show_more_item"
1242
+ },
1243
+ {
1244
+ "inspect_path": "/lookbook/inspect/primer/alpha/nav_list/trailing_action",
1245
+ "preview_path": "/lookbook/preview/primer/alpha/nav_list/trailing_action",
1246
+ "name": "trailing_action"
1247
+ }
1248
+ ]
1249
+ },
1250
+ {
1251
+ "name": "octicon",
1252
+ "lookup_path": "primer/beta/octicon",
1253
+ "examples": [
1254
+ {
1255
+ "inspect_path": "/lookbook/inspect/primer/beta/octicon/playground",
1256
+ "preview_path": "/lookbook/preview/primer/beta/octicon/playground",
1257
+ "name": "playground"
1258
+ },
1259
+ {
1260
+ "inspect_path": "/lookbook/inspect/primer/beta/octicon/default",
1261
+ "preview_path": "/lookbook/preview/primer/beta/octicon/default",
1262
+ "name": "default"
1263
+ }
1264
+ ]
1265
+ },
1266
+ {
1267
+ "name": "popover",
1268
+ "lookup_path": "primer/beta/popover",
1269
+ "examples": [
1270
+ {
1271
+ "inspect_path": "/lookbook/inspect/primer/beta/popover/playground",
1272
+ "preview_path": "/lookbook/preview/primer/beta/popover/playground",
1273
+ "name": "playground"
1274
+ },
1275
+ {
1276
+ "inspect_path": "/lookbook/inspect/primer/beta/popover/default",
1277
+ "preview_path": "/lookbook/preview/primer/beta/popover/default",
1278
+ "name": "default"
1279
+ },
1280
+ {
1281
+ "inspect_path": "/lookbook/inspect/primer/beta/popover/large",
1282
+ "preview_path": "/lookbook/preview/primer/beta/popover/large",
1283
+ "name": "large"
1284
+ },
1285
+ {
1286
+ "inspect_path": "/lookbook/inspect/primer/beta/popover/directions",
1287
+ "preview_path": "/lookbook/preview/primer/beta/popover/directions",
1288
+ "name": "directions"
1289
+ }
1290
+ ]
1291
+ },
1292
+ {
1293
+ "name": "progress_bar",
1294
+ "lookup_path": "primer/beta/progress_bar",
1295
+ "examples": [
1296
+ {
1297
+ "inspect_path": "/lookbook/inspect/primer/beta/progress_bar/playground",
1298
+ "preview_path": "/lookbook/preview/primer/beta/progress_bar/playground",
1299
+ "name": "playground"
1300
+ },
1301
+ {
1302
+ "inspect_path": "/lookbook/inspect/primer/beta/progress_bar/default",
1303
+ "preview_path": "/lookbook/preview/primer/beta/progress_bar/default",
1304
+ "name": "default"
1305
+ },
1306
+ {
1307
+ "inspect_path": "/lookbook/inspect/primer/beta/progress_bar/sizes",
1308
+ "preview_path": "/lookbook/preview/primer/beta/progress_bar/sizes",
1309
+ "name": "sizes"
1310
+ }
1311
+ ]
1312
+ },
1313
+ {
1314
+ "name": "radio_button",
1315
+ "lookup_path": "primer/alpha/radio_button",
1316
+ "examples": [
1317
+ {
1318
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/playground",
1319
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button/playground",
1320
+ "name": "playground"
1321
+ },
1322
+ {
1323
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/default",
1324
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button/default",
1325
+ "name": "default"
1326
+ },
1327
+ {
1328
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button/options",
1329
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button/options",
1330
+ "name": "options"
1331
+ }
1332
+ ]
1333
+ },
1334
+ {
1335
+ "name": "radio_button_group",
1336
+ "lookup_path": "primer/alpha/radio_button_group",
1337
+ "examples": [
1338
+ {
1339
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/playground",
1340
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/playground",
1341
+ "name": "playground"
1342
+ },
1343
+ {
1344
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/default",
1345
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/default",
1346
+ "name": "default"
1347
+ },
1348
+ {
1349
+ "inspect_path": "/lookbook/inspect/primer/alpha/radio_button_group/options",
1350
+ "preview_path": "/lookbook/preview/primer/alpha/radio_button_group/options",
1351
+ "name": "options"
1352
+ }
1353
+ ]
1354
+ },
1355
+ {
1356
+ "name": "relative_time",
1357
+ "lookup_path": "primer/beta/relative_time",
1358
+ "examples": [
1359
+ {
1360
+ "inspect_path": "/lookbook/inspect/primer/beta/relative_time/playground",
1361
+ "preview_path": "/lookbook/preview/primer/beta/relative_time/playground",
1362
+ "name": "playground"
1363
+ },
1364
+ {
1365
+ "inspect_path": "/lookbook/inspect/primer/beta/relative_time/default",
1366
+ "preview_path": "/lookbook/preview/primer/beta/relative_time/default",
1367
+ "name": "default"
1368
+ },
1369
+ {
1370
+ "inspect_path": "/lookbook/inspect/primer/beta/relative_time/micro_format",
1371
+ "preview_path": "/lookbook/preview/primer/beta/relative_time/micro_format",
1372
+ "name": "micro_format"
1373
+ },
1374
+ {
1375
+ "inspect_path": "/lookbook/inspect/primer/beta/relative_time/recent_time",
1376
+ "preview_path": "/lookbook/preview/primer/beta/relative_time/recent_time",
1377
+ "name": "recent_time"
1378
+ },
1379
+ {
1380
+ "inspect_path": "/lookbook/inspect/primer/beta/relative_time/count_down_timer",
1381
+ "preview_path": "/lookbook/preview/primer/beta/relative_time/count_down_timer",
1382
+ "name": "count_down_timer"
1383
+ }
1384
+ ]
1385
+ },
1386
+ {
1387
+ "name": "segmented_control",
1388
+ "lookup_path": "primer/alpha/segmented_control",
1389
+ "examples": [
1390
+ {
1391
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/playground",
1392
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/playground",
1393
+ "name": "playground"
1394
+ },
1395
+ {
1396
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/default",
1397
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/default",
1398
+ "name": "default"
1399
+ },
1400
+ {
1401
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/full_width",
1402
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/full_width",
1403
+ "name": "full_width"
1404
+ },
1405
+ {
1406
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/icons_and_text",
1407
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/icons_and_text",
1408
+ "name": "icons_and_text"
1409
+ },
1410
+ {
1411
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/icons_only",
1412
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/icons_only",
1413
+ "name": "icons_only"
1414
+ },
1415
+ {
1416
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/with_aria_labeled_headings",
1417
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/with_aria_labeled_headings",
1418
+ "name": "with_aria_labeled_headings"
1419
+ },
1420
+ {
1421
+ "inspect_path": "/lookbook/inspect/primer/alpha/segmented_control/with_link_as_tag",
1422
+ "preview_path": "/lookbook/preview/primer/alpha/segmented_control/with_link_as_tag",
1423
+ "name": "with_link_as_tag"
1424
+ }
1425
+ ]
1426
+ },
1427
+ {
1428
+ "name": "select",
1429
+ "lookup_path": "primer/alpha/select",
1430
+ "examples": [
1431
+ {
1432
+ "inspect_path": "/lookbook/inspect/primer/alpha/select/playground",
1433
+ "preview_path": "/lookbook/preview/primer/alpha/select/playground",
1434
+ "name": "playground"
1435
+ },
1436
+ {
1437
+ "inspect_path": "/lookbook/inspect/primer/alpha/select/default",
1438
+ "preview_path": "/lookbook/preview/primer/alpha/select/default",
1439
+ "name": "default"
1440
+ },
1441
+ {
1442
+ "inspect_path": "/lookbook/inspect/primer/alpha/select/options",
1443
+ "preview_path": "/lookbook/preview/primer/alpha/select/options",
1444
+ "name": "options"
1445
+ }
1446
+ ]
1447
+ },
1448
+ {
1449
+ "name": "spinner",
1450
+ "lookup_path": "primer/beta/spinner",
1451
+ "examples": [
1452
+ {
1453
+ "inspect_path": "/lookbook/inspect/primer/beta/spinner/playground",
1454
+ "preview_path": "/lookbook/preview/primer/beta/spinner/playground",
1455
+ "name": "playground"
1456
+ },
1457
+ {
1458
+ "inspect_path": "/lookbook/inspect/primer/beta/spinner/default",
1459
+ "preview_path": "/lookbook/preview/primer/beta/spinner/default",
1460
+ "name": "default"
1461
+ }
1462
+ ]
1463
+ },
1464
+ {
1465
+ "name": "state",
1466
+ "lookup_path": "primer/beta/state",
1467
+ "examples": [
1468
+ {
1469
+ "inspect_path": "/lookbook/inspect/primer/beta/state/playground",
1470
+ "preview_path": "/lookbook/preview/primer/beta/state/playground",
1471
+ "name": "playground"
1472
+ },
1473
+ {
1474
+ "inspect_path": "/lookbook/inspect/primer/beta/state/default",
1475
+ "preview_path": "/lookbook/preview/primer/beta/state/default",
1476
+ "name": "default"
1477
+ },
1478
+ {
1479
+ "inspect_path": "/lookbook/inspect/primer/beta/state/sizes",
1480
+ "preview_path": "/lookbook/preview/primer/beta/state/sizes",
1481
+ "name": "sizes"
1482
+ },
1483
+ {
1484
+ "inspect_path": "/lookbook/inspect/primer/beta/state/states",
1485
+ "preview_path": "/lookbook/preview/primer/beta/state/states",
1486
+ "name": "states"
1487
+ }
1488
+ ]
1489
+ },
1490
+ {
1491
+ "name": "subhead",
1492
+ "lookup_path": "primer/beta/subhead",
1493
+ "examples": [
1494
+ {
1495
+ "inspect_path": "/lookbook/inspect/primer/beta/subhead/playground",
1496
+ "preview_path": "/lookbook/preview/primer/beta/subhead/playground",
1497
+ "name": "playground"
1498
+ },
1499
+ {
1500
+ "inspect_path": "/lookbook/inspect/primer/beta/subhead/default",
1501
+ "preview_path": "/lookbook/preview/primer/beta/subhead/default",
1502
+ "name": "default"
1503
+ },
1504
+ {
1505
+ "inspect_path": "/lookbook/inspect/primer/beta/subhead/danger",
1506
+ "preview_path": "/lookbook/preview/primer/beta/subhead/danger",
1507
+ "name": "danger"
1508
+ },
1509
+ {
1510
+ "inspect_path": "/lookbook/inspect/primer/beta/subhead/actions",
1511
+ "preview_path": "/lookbook/preview/primer/beta/subhead/actions",
1512
+ "name": "actions"
1513
+ },
1514
+ {
1515
+ "inspect_path": "/lookbook/inspect/primer/beta/subhead/spacing",
1516
+ "preview_path": "/lookbook/preview/primer/beta/subhead/spacing",
1517
+ "name": "spacing"
1518
+ }
1519
+ ]
1520
+ },
1521
+ {
1522
+ "name": "tab_nav",
1523
+ "lookup_path": "primer/alpha/tab_nav",
1524
+ "examples": [
1525
+ {
1526
+ "inspect_path": "/lookbook/inspect/primer/alpha/tab_nav/playground",
1527
+ "preview_path": "/lookbook/preview/primer/alpha/tab_nav/playground",
1528
+ "name": "playground"
1529
+ },
1530
+ {
1531
+ "inspect_path": "/lookbook/inspect/primer/alpha/tab_nav/default",
1532
+ "preview_path": "/lookbook/preview/primer/alpha/tab_nav/default",
1533
+ "name": "default"
1534
+ },
1535
+ {
1536
+ "inspect_path": "/lookbook/inspect/primer/alpha/tab_nav/with_icons_and_counters",
1537
+ "preview_path": "/lookbook/preview/primer/alpha/tab_nav/with_icons_and_counters",
1538
+ "name": "with_icons_and_counters"
1539
+ }
1540
+ ]
1541
+ },
1542
+ {
1543
+ "name": "tab_panels",
1544
+ "lookup_path": "primer/alpha/tab_panels",
1545
+ "examples": [
1546
+ {
1547
+ "inspect_path": "/lookbook/inspect/primer/alpha/tab_panels/playground",
1548
+ "preview_path": "/lookbook/preview/primer/alpha/tab_panels/playground",
1549
+ "name": "playground"
1550
+ },
1551
+ {
1552
+ "inspect_path": "/lookbook/inspect/primer/alpha/tab_panels/default",
1553
+ "preview_path": "/lookbook/preview/primer/alpha/tab_panels/default",
1554
+ "name": "default"
1555
+ }
1556
+ ]
1557
+ },
1558
+ {
1559
+ "name": "text",
1560
+ "lookup_path": "primer/beta/text",
1561
+ "examples": [
1562
+ {
1563
+ "inspect_path": "/lookbook/inspect/primer/beta/text/playground",
1564
+ "preview_path": "/lookbook/preview/primer/beta/text/playground",
1565
+ "name": "playground"
1566
+ },
1567
+ {
1568
+ "inspect_path": "/lookbook/inspect/primer/beta/text/default",
1569
+ "preview_path": "/lookbook/preview/primer/beta/text/default",
1570
+ "name": "default"
1571
+ }
1572
+ ]
1573
+ },
1574
+ {
1575
+ "name": "text_area",
1576
+ "lookup_path": "primer/alpha/text_area",
1577
+ "examples": [
1578
+ {
1579
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_area/playground",
1580
+ "preview_path": "/lookbook/preview/primer/alpha/text_area/playground",
1581
+ "name": "playground"
1582
+ },
1583
+ {
1584
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_area/default",
1585
+ "preview_path": "/lookbook/preview/primer/alpha/text_area/default",
1586
+ "name": "default"
1587
+ },
1588
+ {
1589
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_area/options",
1590
+ "preview_path": "/lookbook/preview/primer/alpha/text_area/options",
1591
+ "name": "options"
1592
+ }
1593
+ ]
1594
+ },
1595
+ {
1596
+ "name": "text_field",
1597
+ "lookup_path": "primer/alpha/text_field",
1598
+ "examples": [
1599
+ {
1600
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_field/playground",
1601
+ "preview_path": "/lookbook/preview/primer/alpha/text_field/playground",
1602
+ "name": "playground"
1603
+ },
1604
+ {
1605
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_field/default",
1606
+ "preview_path": "/lookbook/preview/primer/alpha/text_field/default",
1607
+ "name": "default"
1608
+ },
1609
+ {
1610
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_field/auto_check",
1611
+ "preview_path": "/lookbook/preview/primer/alpha/text_field/auto_check",
1612
+ "name": "auto_check"
1613
+ },
1614
+ {
1615
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_field/options",
1616
+ "preview_path": "/lookbook/preview/primer/alpha/text_field/options",
1617
+ "name": "options"
1618
+ },
1619
+ {
1620
+ "inspect_path": "/lookbook/inspect/primer/alpha/text_field/sizes",
1621
+ "preview_path": "/lookbook/preview/primer/alpha/text_field/sizes",
1622
+ "name": "sizes"
1623
+ }
1624
+ ]
1625
+ },
1626
+ {
1627
+ "name": "timeline_item",
1628
+ "lookup_path": "primer/beta/timeline_item",
1629
+ "examples": [
1630
+ {
1631
+ "inspect_path": "/lookbook/inspect/primer/beta/timeline_item/playground",
1632
+ "preview_path": "/lookbook/preview/primer/beta/timeline_item/playground",
1633
+ "name": "playground"
1634
+ },
1635
+ {
1636
+ "inspect_path": "/lookbook/inspect/primer/beta/timeline_item/default",
1637
+ "preview_path": "/lookbook/preview/primer/beta/timeline_item/default",
1638
+ "name": "default"
1639
+ }
1640
+ ]
1641
+ },
1642
+ {
1643
+ "name": "toggle_switch",
1644
+ "lookup_path": "primer/alpha/toggle_switch",
1645
+ "examples": [
1646
+ {
1647
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/playground",
1648
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/playground",
1649
+ "name": "playground"
1650
+ },
1651
+ {
1652
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/default",
1653
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/default",
1654
+ "name": "default"
1655
+ },
1656
+ {
1657
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/checked",
1658
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/checked",
1659
+ "name": "checked"
1660
+ },
1661
+ {
1662
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/disabled",
1663
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/disabled",
1664
+ "name": "disabled"
1665
+ },
1666
+ {
1667
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/checked_disabled",
1668
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/checked_disabled",
1669
+ "name": "checked_disabled"
1670
+ },
1671
+ {
1672
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/small",
1673
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/small",
1674
+ "name": "small"
1675
+ },
1676
+ {
1677
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/with_status_label_position_end",
1678
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/with_status_label_position_end",
1679
+ "name": "with_status_label_position_end"
1680
+ },
1681
+ {
1682
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/with_a_bad_src",
1683
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/with_a_bad_src",
1684
+ "name": "with_a_bad_src"
1685
+ },
1686
+ {
1687
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/with_no_src",
1688
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/with_no_src",
1689
+ "name": "with_no_src"
1690
+ },
1691
+ {
1692
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/with_csrf_token",
1693
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/with_csrf_token",
1694
+ "name": "with_csrf_token"
1695
+ },
1696
+ {
1697
+ "inspect_path": "/lookbook/inspect/primer/alpha/toggle_switch/with_bad_csrf_token",
1698
+ "preview_path": "/lookbook/preview/primer/alpha/toggle_switch/with_bad_csrf_token",
1699
+ "name": "with_bad_csrf_token"
1700
+ }
1701
+ ]
1702
+ },
1703
+ {
1704
+ "name": "tooltip",
1705
+ "lookup_path": "primer/alpha/tooltip",
1706
+ "examples": [
1707
+ {
1708
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/playground",
1709
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/playground",
1710
+ "name": "playground"
1711
+ },
1712
+ {
1713
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/default",
1714
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/default",
1715
+ "name": "default"
1716
+ },
1717
+ {
1718
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/label_tooltip_on_button_with_existing_labelledby",
1719
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/label_tooltip_on_button_with_existing_labelledby",
1720
+ "name": "label_tooltip_on_button_with_existing_labelledby"
1721
+ },
1722
+ {
1723
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/description_tooltip_on_button_with_existing_describedby",
1724
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/description_tooltip_on_button_with_existing_describedby",
1725
+ "name": "description_tooltip_on_button_with_existing_describedby"
1726
+ },
1727
+ {
1728
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/with_right_most_position",
1729
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/with_right_most_position",
1730
+ "name": "with_right_most_position"
1731
+ },
1732
+ {
1733
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/with_multiple_on_a_page",
1734
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/with_multiple_on_a_page",
1735
+ "name": "with_multiple_on_a_page"
1736
+ },
1737
+ {
1738
+ "inspect_path": "/lookbook/inspect/primer/alpha/tooltip/tooltip_enabled_elements",
1739
+ "preview_path": "/lookbook/preview/primer/alpha/tooltip/tooltip_enabled_elements",
1740
+ "name": "tooltip_enabled_elements"
1741
+ }
1742
+ ]
1743
+ },
1744
+ {
1745
+ "name": "truncate",
1746
+ "lookup_path": "primer/beta/truncate",
1747
+ "examples": [
1748
+ {
1749
+ "inspect_path": "/lookbook/inspect/primer/beta/truncate/playground",
1750
+ "preview_path": "/lookbook/preview/primer/beta/truncate/playground",
1751
+ "name": "playground"
1752
+ },
1753
+ {
1754
+ "inspect_path": "/lookbook/inspect/primer/beta/truncate/default",
1755
+ "preview_path": "/lookbook/preview/primer/beta/truncate/default",
1756
+ "name": "default"
1757
+ },
1758
+ {
1759
+ "inspect_path": "/lookbook/inspect/primer/beta/truncate/multiple_items",
1760
+ "preview_path": "/lookbook/preview/primer/beta/truncate/multiple_items",
1761
+ "name": "multiple_items"
1762
+ },
1763
+ {
1764
+ "inspect_path": "/lookbook/inspect/primer/beta/truncate/advanced_multiple_items",
1765
+ "preview_path": "/lookbook/preview/primer/beta/truncate/advanced_multiple_items",
1766
+ "name": "advanced_multiple_items"
1767
+ },
1768
+ {
1769
+ "inspect_path": "/lookbook/inspect/primer/beta/truncate/max_widths",
1770
+ "preview_path": "/lookbook/preview/primer/beta/truncate/max_widths",
1771
+ "name": "max_widths"
1772
+ }
1773
+ ]
1774
+ },
1775
+ {
1776
+ "name": "underline_nav",
1777
+ "lookup_path": "primer/alpha/underline_nav",
1778
+ "examples": [
1779
+ {
1780
+ "inspect_path": "/lookbook/inspect/primer/alpha/underline_nav/playground",
1781
+ "preview_path": "/lookbook/preview/primer/alpha/underline_nav/playground",
1782
+ "name": "playground"
1783
+ },
1784
+ {
1785
+ "inspect_path": "/lookbook/inspect/primer/alpha/underline_nav/default",
1786
+ "preview_path": "/lookbook/preview/primer/alpha/underline_nav/default",
1787
+ "name": "default"
1788
+ },
1789
+ {
1790
+ "inspect_path": "/lookbook/inspect/primer/alpha/underline_nav/with_icons_and_counters",
1791
+ "preview_path": "/lookbook/preview/primer/alpha/underline_nav/with_icons_and_counters",
1792
+ "name": "with_icons_and_counters"
1793
+ }
1794
+ ]
1795
+ },
1796
+ {
1797
+ "name": "underline_panels",
1798
+ "lookup_path": "primer/alpha/underline_panels",
1799
+ "examples": [
1800
+ {
1801
+ "inspect_path": "/lookbook/inspect/primer/alpha/underline_panels/playground",
1802
+ "preview_path": "/lookbook/preview/primer/alpha/underline_panels/playground",
1803
+ "name": "playground"
1804
+ },
1805
+ {
1806
+ "inspect_path": "/lookbook/inspect/primer/alpha/underline_panels/default",
1807
+ "preview_path": "/lookbook/preview/primer/alpha/underline_panels/default",
1808
+ "name": "default"
1809
+ }
1810
+ ]
1811
+ }
1812
+ ]