jekyll-v4-theme-primer 0.9.0 → 0.10.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +21 -6
- data/_sass/@primer/css/forms/form-validation.scss +0 -104
- data/_sass/@primer/css/labels/states.scss +1 -1
- data/_sass/@primer/css/links/link.scss +1 -60
- data/_sass/@primer/css/markdown/code.scss +1 -0
- data/_sass/@primer/css/markdown/tables.scss +7 -1
- data/_sass/@primer/css/marketing/buttons/button.scss +1 -0
- data/_sass/@primer/css/subhead/subhead.scss +1 -1
- data/_sass/@primer/css/timeline/timeline-item.scss +1 -1
- data/_sass/@primer/primitives/dist/scss/colors/_dark.scss +61 -61
- data/_sass/@primer/primitives/dist/scss/colors/_dark_colorblind.scss +28 -28
- data/_sass/@primer/primitives/dist/scss/colors/_dark_dimmed.scss +29 -29
- data/_sass/@primer/primitives/dist/scss/colors/_dark_high_contrast.scss +29 -29
- data/_sass/@primer/primitives/dist/scss/colors/_dark_tritanopia.scss +28 -28
- data/_sass/@primer/primitives/dist/scss/colors/_light.scss +69 -69
- data/_sass/@primer/primitives/dist/scss/colors/_light_colorblind.scss +27 -27
- data/_sass/@primer/primitives/dist/scss/colors/_light_high_contrast.scss +28 -28
- data/_sass/@primer/primitives/dist/scss/colors/_light_tritanopia.scss +27 -27
- data/_sass/@primer/primitives/tokens-next-private/scss/base/size/size.scss +21 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/base/typography/typography.scss +8 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/border.scss +16 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/breakpoints.scss +10 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-coarse.scss +7 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size-fine.scss +7 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/size.scss +51 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/size/viewport.scss +19 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-colorblind.scss +391 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-dimmed.scss +391 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +391 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +391 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/dark.scss +391 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-colorblind.scss +366 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-high-contrast.scss +366 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light-tritanopia.scss +366 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/themes/light.scss +366 -0
- data/_sass/@primer/primitives/tokens-next-private/scss/functional/typography/typography.scss +49 -0
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- data/_sass/@primer/primitives/tokens-v2-private/scss/tokens/functional/typography/typography.scss +3 -3
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js +1 -1
- data/_sass/@primer/view-components/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css +2 -2
- data/_sass/@primer/view-components/app/assets/styles/primer_view_components.css.map +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/action_list.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/menu.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/modal_dialog.js +26 -12
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/segmented_control.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/tab_nav.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/text_field.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/toggle_switch.js +23 -11
- data/_sass/@primer/view-components/app/components/primer/alpha/tool_tip.js +3 -10
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/alpha/underline_nav.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/breadcrumbs.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/button.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/state.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/subhead.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/timeline_item.css.json +1 -0
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css +1 -1
- data/_sass/@primer/view-components/app/components/primer/beta/truncate.css.json +1 -1
- data/_sass/@primer/view-components/app/components/primer/primer.d.ts +2 -1
- data/_sass/@primer/view-components/app/components/primer/primer.js +2 -1
- data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.d.ts +5 -0
- data/_sass/@primer/view-components/lib/primer/forms/toggle_switch_input.js +29 -0
- data/_sass/@primer/view-components/package.json +4 -2
- data/_sass/@primer/view-components/static/arguments.json +190 -216
- data/_sass/@primer/view-components/static/audited_at.json +6 -3
- data/_sass/@primer/view-components/static/constants.json +78 -76
- data/_sass/@primer/view-components/static/statuses.json +12 -9
- data/_sass/jekyll-theme-primer.scss +22 -1
- data/_sass/rouge-dark.scss +112 -0
- data/_sass/rouge-light.scss +112 -0
- metadata +35 -14
- data/_sass/@primer/view-components/app/components/primer/state_component.css.json +0 -1
- data/_sass/@primer/view-components/app/components/primer/subhead_component.css.json +0 -1
- data/_sass/@primer/view-components/app/components/primer/timeline_item_component.css.json +0 -1
- data/_sass/rouge.scss +0 -213
- /data/_sass/@primer/view-components/app/components/primer/{tab_container_component.d.ts → alpha/tab_container.d.ts} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{tab_container_component.js → alpha/tab_container.js} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{state_component.css → beta/state.css} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{subhead_component.css → beta/subhead.css} +0 -0
- /data/_sass/@primer/view-components/app/components/primer/{timeline_item_component.css → beta/timeline_item.css} +0 -0
@@ -3,7 +3,7 @@
|
|
3
3
|
"component": "ActionList",
|
4
4
|
"status": "alpha",
|
5
5
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
|
6
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
6
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
|
7
7
|
"parameters": [
|
8
8
|
{
|
9
9
|
"name": "role",
|
@@ -41,7 +41,7 @@
|
|
41
41
|
"component": "ActionList::Divider",
|
42
42
|
"status": "alpha",
|
43
43
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
|
44
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/
|
44
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
|
45
45
|
"parameters": [
|
46
46
|
{
|
47
47
|
"name": "scheme",
|
@@ -61,7 +61,7 @@
|
|
61
61
|
"component": "ActionList::Heading",
|
62
62
|
"status": "alpha",
|
63
63
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
|
64
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/
|
64
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
|
65
65
|
"parameters": [
|
66
66
|
{
|
67
67
|
"name": "list_id",
|
@@ -105,7 +105,7 @@
|
|
105
105
|
"component": "ActionList::Item",
|
106
106
|
"status": "alpha",
|
107
107
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
|
108
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/
|
108
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
|
109
109
|
"parameters": [
|
110
110
|
{
|
111
111
|
"name": "list",
|
@@ -135,7 +135,7 @@
|
|
135
135
|
"name": "content_arguments",
|
136
136
|
"type": "Hash",
|
137
137
|
"default": "`{}`",
|
138
|
-
"description": "[System arguments](/system-arguments) used to construct the item's anchor or
|
138
|
+
"description": "[System arguments](/system-arguments) used to construct the item's anchor or button tag."
|
139
139
|
},
|
140
140
|
{
|
141
141
|
"name": "truncate_label",
|
@@ -194,7 +194,7 @@
|
|
194
194
|
{
|
195
195
|
"name": "id",
|
196
196
|
"type": "String",
|
197
|
-
"default": "`
|
197
|
+
"default": "`self.class.generate_id`",
|
198
198
|
"description": "Used internally."
|
199
199
|
},
|
200
200
|
{
|
@@ -209,7 +209,7 @@
|
|
209
209
|
"component": "Banner",
|
210
210
|
"status": "alpha",
|
211
211
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/banner.rb",
|
212
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
212
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/default/",
|
213
213
|
"parameters": [
|
214
214
|
{
|
215
215
|
"name": "full",
|
@@ -265,7 +265,7 @@
|
|
265
265
|
"component": "ButtonMarketing",
|
266
266
|
"status": "alpha",
|
267
267
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
|
268
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
268
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
|
269
269
|
"parameters": [
|
270
270
|
{
|
271
271
|
"name": "scheme",
|
@@ -303,12 +303,12 @@
|
|
303
303
|
"component": "Dialog",
|
304
304
|
"status": "alpha",
|
305
305
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
|
306
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
306
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
|
307
307
|
"parameters": [
|
308
308
|
{
|
309
309
|
"name": "id",
|
310
310
|
"type": "String",
|
311
|
-
"default": "
|
311
|
+
"default": "`self.class.generate_id`",
|
312
312
|
"description": "The id of the dialog."
|
313
313
|
},
|
314
314
|
{
|
@@ -327,7 +327,7 @@
|
|
327
327
|
"name": "size",
|
328
328
|
"type": "Symbol",
|
329
329
|
"default": "`:medium`",
|
330
|
-
"description": "The size of the dialog. One of `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
|
330
|
+
"description": "The size of the dialog. One of `:auto`, `:large`, `:medium`, `:medium_portrait`, `:small`, or `:xlarge`."
|
331
331
|
},
|
332
332
|
{
|
333
333
|
"name": "position",
|
@@ -359,7 +359,7 @@
|
|
359
359
|
"component": "Dropdown",
|
360
360
|
"status": "alpha",
|
361
361
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
|
362
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
362
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
|
363
363
|
"parameters": [
|
364
364
|
{
|
365
365
|
"name": "overlay",
|
@@ -381,11 +381,31 @@
|
|
381
381
|
}
|
382
382
|
]
|
383
383
|
},
|
384
|
+
{
|
385
|
+
"component": "HellipButton",
|
386
|
+
"status": "alpha",
|
387
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hellip_button.rb",
|
388
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hellip_button/default/",
|
389
|
+
"parameters": [
|
390
|
+
{
|
391
|
+
"name": "inline",
|
392
|
+
"type": "Boolean",
|
393
|
+
"default": "`false`",
|
394
|
+
"description": "Whether or not the button is inline."
|
395
|
+
},
|
396
|
+
{
|
397
|
+
"name": "system_arguments",
|
398
|
+
"type": "Hash",
|
399
|
+
"default": "N/A",
|
400
|
+
"description": "[System arguments](/system-arguments)"
|
401
|
+
}
|
402
|
+
]
|
403
|
+
},
|
384
404
|
{
|
385
405
|
"component": "HiddenTextExpander",
|
386
406
|
"status": "alpha",
|
387
407
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
|
388
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
408
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
|
389
409
|
"parameters": [
|
390
410
|
{
|
391
411
|
"name": "inline",
|
@@ -411,7 +431,7 @@
|
|
411
431
|
"component": "Image",
|
412
432
|
"status": "alpha",
|
413
433
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
|
414
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
434
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
|
415
435
|
"parameters": [
|
416
436
|
{
|
417
437
|
"name": "src",
|
@@ -443,7 +463,7 @@
|
|
443
463
|
"component": "ImageCrop",
|
444
464
|
"status": "alpha",
|
445
465
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
|
446
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
466
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
|
447
467
|
"parameters": [
|
448
468
|
{
|
449
469
|
"name": "src",
|
@@ -469,7 +489,7 @@
|
|
469
489
|
"component": "Layout",
|
470
490
|
"status": "alpha",
|
471
491
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
|
472
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
492
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
|
473
493
|
"parameters": [
|
474
494
|
{
|
475
495
|
"name": "stacking_breakpoint",
|
@@ -501,7 +521,7 @@
|
|
501
521
|
"component": "Menu",
|
502
522
|
"status": "alpha",
|
503
523
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/menu.rb",
|
504
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
524
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/menu/default/",
|
505
525
|
"parameters": [
|
506
526
|
{
|
507
527
|
"name": "system_arguments",
|
@@ -515,7 +535,7 @@
|
|
515
535
|
"component": "NavList",
|
516
536
|
"status": "alpha",
|
517
537
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
|
518
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
538
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
|
519
539
|
"parameters": [
|
520
540
|
{
|
521
541
|
"name": "selected_item_id",
|
@@ -535,7 +555,7 @@
|
|
535
555
|
"component": "NavList::Item",
|
536
556
|
"status": "alpha",
|
537
557
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
|
538
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/
|
558
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
|
539
559
|
"parameters": [
|
540
560
|
{
|
541
561
|
"name": "selected_item_id",
|
@@ -573,7 +593,7 @@
|
|
573
593
|
"component": "NavList::Section",
|
574
594
|
"status": "alpha",
|
575
595
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
|
576
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/
|
596
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
|
577
597
|
"parameters": [
|
578
598
|
{
|
579
599
|
"name": "selected_item_id",
|
@@ -593,7 +613,7 @@
|
|
593
613
|
"component": "OcticonSymbols",
|
594
614
|
"status": "alpha",
|
595
615
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/octicon_symbols.rb",
|
596
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
616
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/octicon_symbols/default/",
|
597
617
|
"parameters": [
|
598
618
|
{
|
599
619
|
"name": "icons",
|
@@ -607,7 +627,7 @@
|
|
607
627
|
"component": "SegmentedControl",
|
608
628
|
"status": "alpha",
|
609
629
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
|
610
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
630
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
|
611
631
|
"parameters": [
|
612
632
|
{
|
613
633
|
"name": "hide_labels",
|
@@ -635,11 +655,25 @@
|
|
635
655
|
}
|
636
656
|
]
|
637
657
|
},
|
658
|
+
{
|
659
|
+
"component": "TabContainer",
|
660
|
+
"status": "alpha",
|
661
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_container.rb",
|
662
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_container/default/",
|
663
|
+
"parameters": [
|
664
|
+
{
|
665
|
+
"name": "system_arguments",
|
666
|
+
"type": "Hash",
|
667
|
+
"default": "N/A",
|
668
|
+
"description": "[System arguments](/system-arguments)"
|
669
|
+
}
|
670
|
+
]
|
671
|
+
},
|
638
672
|
{
|
639
673
|
"component": "TabNav",
|
640
674
|
"status": "alpha",
|
641
675
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
|
642
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
676
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
|
643
677
|
"parameters": [
|
644
678
|
{
|
645
679
|
"name": "tag",
|
@@ -671,7 +705,7 @@
|
|
671
705
|
"component": "TabPanels",
|
672
706
|
"status": "alpha",
|
673
707
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
|
674
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
708
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
|
675
709
|
"parameters": [
|
676
710
|
{
|
677
711
|
"name": "label",
|
@@ -709,7 +743,7 @@
|
|
709
743
|
"component": "TextField",
|
710
744
|
"status": "alpha",
|
711
745
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
|
712
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
746
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
|
713
747
|
"parameters": [
|
714
748
|
{
|
715
749
|
"name": "name",
|
@@ -843,7 +877,7 @@
|
|
843
877
|
"component": "ToggleSwitch",
|
844
878
|
"status": "alpha",
|
845
879
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
|
846
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
880
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
|
847
881
|
"parameters": [
|
848
882
|
{
|
849
883
|
"name": "src",
|
@@ -893,7 +927,7 @@
|
|
893
927
|
"component": "Tooltip",
|
894
928
|
"status": "alpha",
|
895
929
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
|
896
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
930
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
|
897
931
|
"parameters": [
|
898
932
|
{
|
899
933
|
"name": "for_id",
|
@@ -931,7 +965,7 @@
|
|
931
965
|
"component": "UnderlineNav",
|
932
966
|
"status": "alpha",
|
933
967
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
|
934
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
968
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
|
935
969
|
"parameters": [
|
936
970
|
{
|
937
971
|
"name": "tag",
|
@@ -969,7 +1003,7 @@
|
|
969
1003
|
"component": "UnderlinePanels",
|
970
1004
|
"status": "alpha",
|
971
1005
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
|
972
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/
|
1006
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
|
973
1007
|
"parameters": [
|
974
1008
|
{
|
975
1009
|
"name": "label",
|
@@ -1007,7 +1041,7 @@
|
|
1007
1041
|
"component": "AutoComplete",
|
1008
1042
|
"status": "beta",
|
1009
1043
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
|
1010
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1044
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
|
1011
1045
|
"parameters": [
|
1012
1046
|
{
|
1013
1047
|
"name": "label_text",
|
@@ -1105,7 +1139,7 @@
|
|
1105
1139
|
"component": "AutoComplete::Item",
|
1106
1140
|
"status": "beta",
|
1107
1141
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
|
1108
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/
|
1142
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
|
1109
1143
|
"parameters": [
|
1110
1144
|
{
|
1111
1145
|
"name": "value",
|
@@ -1149,7 +1183,7 @@
|
|
1149
1183
|
"component": "Avatar",
|
1150
1184
|
"status": "beta",
|
1151
1185
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
|
1152
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1186
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
|
1153
1187
|
"parameters": [
|
1154
1188
|
{
|
1155
1189
|
"name": "src",
|
@@ -1193,7 +1227,7 @@
|
|
1193
1227
|
"component": "AvatarStack",
|
1194
1228
|
"status": "beta",
|
1195
1229
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
|
1196
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1230
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
|
1197
1231
|
"parameters": [
|
1198
1232
|
{
|
1199
1233
|
"name": "tag",
|
@@ -1231,7 +1265,7 @@
|
|
1231
1265
|
"component": "BaseButton",
|
1232
1266
|
"status": "beta",
|
1233
1267
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
|
1234
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1268
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
|
1235
1269
|
"parameters": [
|
1236
1270
|
{
|
1237
1271
|
"name": "tag",
|
@@ -1263,7 +1297,7 @@
|
|
1263
1297
|
"component": "Blankslate",
|
1264
1298
|
"status": "beta",
|
1265
1299
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
|
1266
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1300
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
|
1267
1301
|
"parameters": [
|
1268
1302
|
{
|
1269
1303
|
"name": "narrow",
|
@@ -1295,7 +1329,7 @@
|
|
1295
1329
|
"component": "BorderBox",
|
1296
1330
|
"status": "beta",
|
1297
1331
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
|
1298
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1332
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
|
1299
1333
|
"parameters": [
|
1300
1334
|
{
|
1301
1335
|
"name": "padding",
|
@@ -1315,7 +1349,7 @@
|
|
1315
1349
|
"component": "BorderBox::Header",
|
1316
1350
|
"status": "beta",
|
1317
1351
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
|
1318
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/
|
1352
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
|
1319
1353
|
"parameters": [
|
1320
1354
|
{
|
1321
1355
|
"name": "system_arguments",
|
@@ -1329,7 +1363,7 @@
|
|
1329
1363
|
"component": "Breadcrumbs",
|
1330
1364
|
"status": "beta",
|
1331
1365
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
|
1332
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1366
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
|
1333
1367
|
"parameters": [
|
1334
1368
|
{
|
1335
1369
|
"name": "system_arguments",
|
@@ -1343,7 +1377,7 @@
|
|
1343
1377
|
"component": "Button",
|
1344
1378
|
"status": "beta",
|
1345
1379
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
|
1346
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1380
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
|
1347
1381
|
"parameters": [
|
1348
1382
|
{
|
1349
1383
|
"name": "scheme",
|
@@ -1393,7 +1427,7 @@
|
|
1393
1427
|
"component": "ButtonGroup",
|
1394
1428
|
"status": "beta",
|
1395
1429
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
|
1396
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1430
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
|
1397
1431
|
"parameters": [
|
1398
1432
|
{
|
1399
1433
|
"name": "variant",
|
@@ -1419,7 +1453,7 @@
|
|
1419
1453
|
"component": "ClipboardCopy",
|
1420
1454
|
"status": "beta",
|
1421
1455
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
|
1422
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1456
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
|
1423
1457
|
"parameters": [
|
1424
1458
|
{
|
1425
1459
|
"name": "aria-label",
|
@@ -1451,7 +1485,7 @@
|
|
1451
1485
|
"component": "CloseButton",
|
1452
1486
|
"status": "beta",
|
1453
1487
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
|
1454
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1488
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
|
1455
1489
|
"parameters": [
|
1456
1490
|
{
|
1457
1491
|
"name": "type",
|
@@ -1471,7 +1505,7 @@
|
|
1471
1505
|
"component": "Counter",
|
1472
1506
|
"status": "beta",
|
1473
1507
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
|
1474
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1508
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
|
1475
1509
|
"parameters": [
|
1476
1510
|
{
|
1477
1511
|
"name": "count",
|
@@ -1521,7 +1555,7 @@
|
|
1521
1555
|
"component": "Details",
|
1522
1556
|
"status": "beta",
|
1523
1557
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
|
1524
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1558
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
|
1525
1559
|
"parameters": [
|
1526
1560
|
{
|
1527
1561
|
"name": "overlay",
|
@@ -1547,7 +1581,7 @@
|
|
1547
1581
|
"component": "Flash",
|
1548
1582
|
"status": "beta",
|
1549
1583
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
|
1550
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1584
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
|
1551
1585
|
"parameters": [
|
1552
1586
|
{
|
1553
1587
|
"name": "full",
|
@@ -1591,7 +1625,7 @@
|
|
1591
1625
|
"component": "Heading",
|
1592
1626
|
"status": "beta",
|
1593
1627
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
|
1594
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1628
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
|
1595
1629
|
"parameters": [
|
1596
1630
|
{
|
1597
1631
|
"name": "tag",
|
@@ -1611,7 +1645,7 @@
|
|
1611
1645
|
"component": "IconButton",
|
1612
1646
|
"status": "beta",
|
1613
1647
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
|
1614
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1648
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
|
1615
1649
|
"parameters": [
|
1616
1650
|
{
|
1617
1651
|
"name": "icon",
|
@@ -1685,7 +1719,7 @@
|
|
1685
1719
|
"component": "Label",
|
1686
1720
|
"status": "beta",
|
1687
1721
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
|
1688
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1722
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
|
1689
1723
|
"parameters": [
|
1690
1724
|
{
|
1691
1725
|
"name": "tag",
|
@@ -1729,7 +1763,7 @@
|
|
1729
1763
|
"component": "Link",
|
1730
1764
|
"status": "beta",
|
1731
1765
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
|
1732
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1766
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
|
1733
1767
|
"parameters": [
|
1734
1768
|
{
|
1735
1769
|
"name": "tag",
|
@@ -1773,7 +1807,7 @@
|
|
1773
1807
|
"component": "Markdown",
|
1774
1808
|
"status": "beta",
|
1775
1809
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/markdown.rb",
|
1776
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1810
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/markdown/default/",
|
1777
1811
|
"parameters": [
|
1778
1812
|
{
|
1779
1813
|
"name": "tag",
|
@@ -1793,7 +1827,7 @@
|
|
1793
1827
|
"component": "Octicon",
|
1794
1828
|
"status": "beta",
|
1795
1829
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/octicon.rb",
|
1796
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1830
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/octicon/default/",
|
1797
1831
|
"parameters": [
|
1798
1832
|
{
|
1799
1833
|
"name": "icon_name",
|
@@ -1831,7 +1865,7 @@
|
|
1831
1865
|
"component": "Popover",
|
1832
1866
|
"status": "beta",
|
1833
1867
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
|
1834
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1868
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
|
1835
1869
|
"parameters": [
|
1836
1870
|
{
|
1837
1871
|
"name": "system_arguments",
|
@@ -1845,7 +1879,7 @@
|
|
1845
1879
|
"component": "ProgressBar",
|
1846
1880
|
"status": "beta",
|
1847
1881
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
|
1848
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1882
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
|
1849
1883
|
"parameters": [
|
1850
1884
|
{
|
1851
1885
|
"name": "size",
|
@@ -1865,7 +1899,7 @@
|
|
1865
1899
|
"component": "RelativeTime",
|
1866
1900
|
"status": "beta",
|
1867
1901
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
|
1868
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
1902
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
|
1869
1903
|
"parameters": [
|
1870
1904
|
{
|
1871
1905
|
"name": "datetime",
|
@@ -1951,6 +1985,12 @@
|
|
1951
1985
|
"default": "`nil`",
|
1952
1986
|
"description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
|
1953
1987
|
},
|
1988
|
+
{
|
1989
|
+
"name": "format_style",
|
1990
|
+
"type": "Symbol",
|
1991
|
+
"default": "`nil`",
|
1992
|
+
"description": "The format the display should take. One of `nil`, `:long`, `:narrow`, or `:short`."
|
1993
|
+
},
|
1954
1994
|
{
|
1955
1995
|
"name": "lang",
|
1956
1996
|
"type": "string",
|
@@ -1975,7 +2015,7 @@
|
|
1975
2015
|
"component": "Spinner",
|
1976
2016
|
"status": "beta",
|
1977
2017
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/spinner.rb",
|
1978
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
2018
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/spinner/default/",
|
1979
2019
|
"parameters": [
|
1980
2020
|
{
|
1981
2021
|
"name": "size",
|
@@ -1997,11 +2037,75 @@
|
|
1997
2037
|
}
|
1998
2038
|
]
|
1999
2039
|
},
|
2040
|
+
{
|
2041
|
+
"component": "State",
|
2042
|
+
"status": "beta",
|
2043
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/state.rb",
|
2044
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state/default/",
|
2045
|
+
"parameters": [
|
2046
|
+
{
|
2047
|
+
"name": "title",
|
2048
|
+
"type": "String",
|
2049
|
+
"default": "N/A",
|
2050
|
+
"description": "`title` HTML attribute."
|
2051
|
+
},
|
2052
|
+
{
|
2053
|
+
"name": "scheme",
|
2054
|
+
"type": "Symbol",
|
2055
|
+
"default": "`:default`",
|
2056
|
+
"description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
|
2057
|
+
},
|
2058
|
+
{
|
2059
|
+
"name": "tag",
|
2060
|
+
"type": "Symbol",
|
2061
|
+
"default": "`:span`",
|
2062
|
+
"description": "HTML tag for element. One of `:div` or `:span`."
|
2063
|
+
},
|
2064
|
+
{
|
2065
|
+
"name": "size",
|
2066
|
+
"type": "Symbol",
|
2067
|
+
"default": "`:default`",
|
2068
|
+
"description": "One of `:default` or `:small`."
|
2069
|
+
},
|
2070
|
+
{
|
2071
|
+
"name": "system_arguments",
|
2072
|
+
"type": "Hash",
|
2073
|
+
"default": "N/A",
|
2074
|
+
"description": "[System arguments](/system-arguments)"
|
2075
|
+
}
|
2076
|
+
]
|
2077
|
+
},
|
2078
|
+
{
|
2079
|
+
"component": "Subhead",
|
2080
|
+
"status": "beta",
|
2081
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/subhead.rb",
|
2082
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead/default/",
|
2083
|
+
"parameters": [
|
2084
|
+
{
|
2085
|
+
"name": "spacious",
|
2086
|
+
"type": "Boolean",
|
2087
|
+
"default": "`false`",
|
2088
|
+
"description": "Whether to add spacing to the Subhead."
|
2089
|
+
},
|
2090
|
+
{
|
2091
|
+
"name": "hide_border",
|
2092
|
+
"type": "Boolean",
|
2093
|
+
"default": "`false`",
|
2094
|
+
"description": "Whether to hide the border under the heading."
|
2095
|
+
},
|
2096
|
+
{
|
2097
|
+
"name": "system_arguments",
|
2098
|
+
"type": "Hash",
|
2099
|
+
"default": "N/A",
|
2100
|
+
"description": "[System arguments](/system-arguments)"
|
2101
|
+
}
|
2102
|
+
]
|
2103
|
+
},
|
2000
2104
|
{
|
2001
2105
|
"component": "Text",
|
2002
2106
|
"status": "beta",
|
2003
2107
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
|
2004
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
2108
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
|
2005
2109
|
"parameters": [
|
2006
2110
|
{
|
2007
2111
|
"name": "tag",
|
@@ -2017,11 +2121,31 @@
|
|
2017
2121
|
}
|
2018
2122
|
]
|
2019
2123
|
},
|
2124
|
+
{
|
2125
|
+
"component": "TimelineItem",
|
2126
|
+
"status": "beta",
|
2127
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item.rb",
|
2128
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item/default/",
|
2129
|
+
"parameters": [
|
2130
|
+
{
|
2131
|
+
"name": "condensed",
|
2132
|
+
"type": "Boolean",
|
2133
|
+
"default": "`false`",
|
2134
|
+
"description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
|
2135
|
+
},
|
2136
|
+
{
|
2137
|
+
"name": "system_arguments",
|
2138
|
+
"type": "Hash",
|
2139
|
+
"default": "N/A",
|
2140
|
+
"description": "[System arguments](/system-arguments)"
|
2141
|
+
}
|
2142
|
+
]
|
2143
|
+
},
|
2020
2144
|
{
|
2021
2145
|
"component": "Truncate",
|
2022
2146
|
"status": "beta",
|
2023
2147
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
|
2024
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/
|
2148
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
|
2025
2149
|
"parameters": [
|
2026
2150
|
{
|
2027
2151
|
"name": "system_arguments",
|
@@ -2035,7 +2159,7 @@
|
|
2035
2159
|
"component": "Box",
|
2036
2160
|
"status": "stable",
|
2037
2161
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
|
2038
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2162
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
|
2039
2163
|
"parameters": [
|
2040
2164
|
{
|
2041
2165
|
"name": "system_arguments",
|
@@ -2049,7 +2173,7 @@
|
|
2049
2173
|
"component": "Button",
|
2050
2174
|
"status": "deprecated",
|
2051
2175
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
|
2052
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2176
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
|
2053
2177
|
"parameters": [
|
2054
2178
|
{
|
2055
2179
|
"name": "scheme",
|
@@ -2107,63 +2231,11 @@
|
|
2107
2231
|
}
|
2108
2232
|
]
|
2109
2233
|
},
|
2110
|
-
{
|
2111
|
-
"component": "DropdownMenu",
|
2112
|
-
"status": "deprecated",
|
2113
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
|
2114
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu_preview/default/",
|
2115
|
-
"parameters": [
|
2116
|
-
{
|
2117
|
-
"name": "direction",
|
2118
|
-
"type": "Symbol",
|
2119
|
-
"default": "`:se`",
|
2120
|
-
"description": "One of `:e`, `:ne`, `:s`, `:se`, `:sw`, or `:w`."
|
2121
|
-
},
|
2122
|
-
{
|
2123
|
-
"name": "scheme",
|
2124
|
-
"type": "Symbol",
|
2125
|
-
"default": "`:default`",
|
2126
|
-
"description": "Pass `:dark` for dark mode theming"
|
2127
|
-
},
|
2128
|
-
{
|
2129
|
-
"name": "header",
|
2130
|
-
"type": "String",
|
2131
|
-
"default": "`nil`",
|
2132
|
-
"description": "Optional string to display as the header"
|
2133
|
-
},
|
2134
|
-
{
|
2135
|
-
"name": "system_arguments",
|
2136
|
-
"type": "Hash",
|
2137
|
-
"default": "N/A",
|
2138
|
-
"description": "[System arguments](/system-arguments)"
|
2139
|
-
}
|
2140
|
-
]
|
2141
|
-
},
|
2142
|
-
{
|
2143
|
-
"component": "HellipButton",
|
2144
|
-
"status": "alpha",
|
2145
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
|
2146
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button_preview/default/",
|
2147
|
-
"parameters": [
|
2148
|
-
{
|
2149
|
-
"name": "inline",
|
2150
|
-
"type": "Boolean",
|
2151
|
-
"default": "`false`",
|
2152
|
-
"description": "Whether or not the button is inline."
|
2153
|
-
},
|
2154
|
-
{
|
2155
|
-
"name": "system_arguments",
|
2156
|
-
"type": "Hash",
|
2157
|
-
"default": "N/A",
|
2158
|
-
"description": "[System arguments](/system-arguments)"
|
2159
|
-
}
|
2160
|
-
]
|
2161
|
-
},
|
2162
2234
|
{
|
2163
2235
|
"component": "IconButton",
|
2164
2236
|
"status": "deprecated",
|
2165
2237
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
|
2166
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2238
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
|
2167
2239
|
"parameters": [
|
2168
2240
|
{
|
2169
2241
|
"name": "scheme",
|
@@ -2225,7 +2297,7 @@
|
|
2225
2297
|
"component": "Layout",
|
2226
2298
|
"status": "alpha",
|
2227
2299
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
|
2228
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2300
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
|
2229
2301
|
"parameters": [
|
2230
2302
|
{
|
2231
2303
|
"name": "responsive",
|
@@ -2257,7 +2329,7 @@
|
|
2257
2329
|
"component": "LocalTime",
|
2258
2330
|
"status": "deprecated",
|
2259
2331
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
|
2260
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2332
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
|
2261
2333
|
"parameters": [
|
2262
2334
|
{
|
2263
2335
|
"name": "datetime",
|
@@ -2331,7 +2403,7 @@
|
|
2331
2403
|
"component": "Navigation::Tab",
|
2332
2404
|
"status": "alpha",
|
2333
2405
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
|
2334
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/
|
2406
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
|
2335
2407
|
"parameters": [
|
2336
2408
|
{
|
2337
2409
|
"name": "list",
|
@@ -2377,89 +2449,11 @@
|
|
2377
2449
|
}
|
2378
2450
|
]
|
2379
2451
|
},
|
2380
|
-
{
|
2381
|
-
"component": "State",
|
2382
|
-
"status": "beta",
|
2383
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/state_component.rb",
|
2384
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state_preview/default/",
|
2385
|
-
"parameters": [
|
2386
|
-
{
|
2387
|
-
"name": "title",
|
2388
|
-
"type": "String",
|
2389
|
-
"default": "N/A",
|
2390
|
-
"description": "`title` HTML attribute."
|
2391
|
-
},
|
2392
|
-
{
|
2393
|
-
"name": "scheme",
|
2394
|
-
"type": "Symbol",
|
2395
|
-
"default": "`:default`",
|
2396
|
-
"description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
|
2397
|
-
},
|
2398
|
-
{
|
2399
|
-
"name": "tag",
|
2400
|
-
"type": "Symbol",
|
2401
|
-
"default": "`:span`",
|
2402
|
-
"description": "HTML tag for element. One of `:div` or `:span`."
|
2403
|
-
},
|
2404
|
-
{
|
2405
|
-
"name": "size",
|
2406
|
-
"type": "Symbol",
|
2407
|
-
"default": "`:default`",
|
2408
|
-
"description": "One of `:default` or `:small`."
|
2409
|
-
},
|
2410
|
-
{
|
2411
|
-
"name": "system_arguments",
|
2412
|
-
"type": "Hash",
|
2413
|
-
"default": "N/A",
|
2414
|
-
"description": "[System arguments](/system-arguments)"
|
2415
|
-
}
|
2416
|
-
]
|
2417
|
-
},
|
2418
|
-
{
|
2419
|
-
"component": "Subhead",
|
2420
|
-
"status": "beta",
|
2421
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/subhead_component.rb",
|
2422
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead_preview/default/",
|
2423
|
-
"parameters": [
|
2424
|
-
{
|
2425
|
-
"name": "spacious",
|
2426
|
-
"type": "Boolean",
|
2427
|
-
"default": "`false`",
|
2428
|
-
"description": "Whether to add spacing to the Subhead."
|
2429
|
-
},
|
2430
|
-
{
|
2431
|
-
"name": "hide_border",
|
2432
|
-
"type": "Boolean",
|
2433
|
-
"default": "`false`",
|
2434
|
-
"description": "Whether to hide the border under the heading."
|
2435
|
-
},
|
2436
|
-
{
|
2437
|
-
"name": "system_arguments",
|
2438
|
-
"type": "Hash",
|
2439
|
-
"default": "N/A",
|
2440
|
-
"description": "[System arguments](/system-arguments)"
|
2441
|
-
}
|
2442
|
-
]
|
2443
|
-
},
|
2444
|
-
{
|
2445
|
-
"component": "TabContainer",
|
2446
|
-
"status": "alpha",
|
2447
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/tab_container_component.rb",
|
2448
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container_preview/default/",
|
2449
|
-
"parameters": [
|
2450
|
-
{
|
2451
|
-
"name": "system_arguments",
|
2452
|
-
"type": "Hash",
|
2453
|
-
"default": "N/A",
|
2454
|
-
"description": "[System arguments](/system-arguments)"
|
2455
|
-
}
|
2456
|
-
]
|
2457
|
-
},
|
2458
2452
|
{
|
2459
2453
|
"component": "TimeAgo",
|
2460
2454
|
"status": "deprecated",
|
2461
2455
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
|
2462
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2456
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
|
2463
2457
|
"parameters": [
|
2464
2458
|
{
|
2465
2459
|
"name": "time",
|
@@ -2481,31 +2475,11 @@
|
|
2481
2475
|
}
|
2482
2476
|
]
|
2483
2477
|
},
|
2484
|
-
{
|
2485
|
-
"component": "TimelineItem",
|
2486
|
-
"status": "beta",
|
2487
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/timeline_item_component.rb",
|
2488
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item_preview/default/",
|
2489
|
-
"parameters": [
|
2490
|
-
{
|
2491
|
-
"name": "condensed",
|
2492
|
-
"type": "Boolean",
|
2493
|
-
"default": "`false`",
|
2494
|
-
"description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
|
2495
|
-
},
|
2496
|
-
{
|
2497
|
-
"name": "system_arguments",
|
2498
|
-
"type": "Hash",
|
2499
|
-
"default": "N/A",
|
2500
|
-
"description": "[System arguments](/system-arguments)"
|
2501
|
-
}
|
2502
|
-
]
|
2503
|
-
},
|
2504
2478
|
{
|
2505
2479
|
"component": "Tooltip",
|
2506
2480
|
"status": "deprecated",
|
2507
2481
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
|
2508
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2482
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
|
2509
2483
|
"parameters": [
|
2510
2484
|
{
|
2511
2485
|
"name": "label",
|
@@ -2549,7 +2523,7 @@
|
|
2549
2523
|
"component": "Truncate",
|
2550
2524
|
"status": "beta",
|
2551
2525
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
|
2552
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/
|
2526
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
|
2553
2527
|
"parameters": [
|
2554
2528
|
{
|
2555
2529
|
"name": "tag",
|