@primer/view-components 0.0.115 → 0.0.117-rc.6bf5df1d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/app/assets/styles/primer_view_components.css +2 -2
  2. package/app/assets/styles/primer_view_components.css.map +1 -1
  3. package/app/components/primer/alpha/action_list.css +1 -1
  4. package/app/components/primer/alpha/action_list.css.json +1 -1
  5. package/app/components/primer/alpha/menu.css +1 -1
  6. package/app/components/primer/alpha/menu.css.json +1 -1
  7. package/app/components/primer/alpha/segmented_control.css +1 -1
  8. package/app/components/primer/alpha/segmented_control.css.json +1 -1
  9. package/app/components/primer/{tab_container_component.d.ts → alpha/tab_container.d.ts} +0 -0
  10. package/app/components/primer/{tab_container_component.js → alpha/tab_container.js} +0 -0
  11. package/app/components/primer/alpha/tab_nav.css +1 -1
  12. package/app/components/primer/alpha/tab_nav.css.json +1 -1
  13. package/app/components/primer/alpha/underline_nav.css +1 -1
  14. package/app/components/primer/alpha/underline_nav.css.json +1 -1
  15. package/app/components/primer/beta/breadcrumbs.css +1 -1
  16. package/app/components/primer/beta/breadcrumbs.css.json +1 -1
  17. package/app/components/primer/beta/button.css +1 -1
  18. package/app/components/primer/beta/button.css.json +1 -1
  19. package/app/components/primer/{state_component.css → beta/state.css} +0 -0
  20. package/app/components/primer/beta/state.css.json +1 -0
  21. package/app/components/primer/{subhead_component.css → beta/subhead.css} +0 -0
  22. package/app/components/primer/beta/subhead.css.json +1 -0
  23. package/app/components/primer/{timeline_item_component.css → beta/timeline_item.css} +0 -0
  24. package/app/components/primer/beta/timeline_item.css.json +1 -0
  25. package/app/components/primer/beta/truncate.css +1 -1
  26. package/app/components/primer/beta/truncate.css.json +1 -1
  27. package/app/components/primer/primer.d.ts +1 -1
  28. package/app/components/primer/primer.js +1 -1
  29. package/package.json +3 -2
  30. package/static/arguments.json +118 -118
  31. package/static/audited_at.json +6 -1
  32. package/static/constants.json +67 -57
  33. package/static/statuses.json +11 -6
  34. package/app/components/primer/state_component.css.json +0 -1
  35. package/app/components/primer/subhead_component.css.json +0 -1
  36. package/app/components/primer/timeline_item_component.css.json +0 -1
@@ -381,6 +381,26 @@
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_preview/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",
@@ -635,6 +655,20 @@
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_preview/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",
@@ -1997,6 +2031,70 @@
1997
2031
  }
1998
2032
  ]
1999
2033
  },
2034
+ {
2035
+ "component": "State",
2036
+ "status": "beta",
2037
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/state.rb",
2038
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/state_preview/default/",
2039
+ "parameters": [
2040
+ {
2041
+ "name": "title",
2042
+ "type": "String",
2043
+ "default": "N/A",
2044
+ "description": "`title` HTML attribute."
2045
+ },
2046
+ {
2047
+ "name": "scheme",
2048
+ "type": "Symbol",
2049
+ "default": "`:default`",
2050
+ "description": "Background color. One of `:closed`, `:default`, `:green`, `:merged`, `:open`, `:purple`, or `:red`."
2051
+ },
2052
+ {
2053
+ "name": "tag",
2054
+ "type": "Symbol",
2055
+ "default": "`:span`",
2056
+ "description": "HTML tag for element. One of `:div` or `:span`."
2057
+ },
2058
+ {
2059
+ "name": "size",
2060
+ "type": "Symbol",
2061
+ "default": "`:default`",
2062
+ "description": "One of `:default` or `:small`."
2063
+ },
2064
+ {
2065
+ "name": "system_arguments",
2066
+ "type": "Hash",
2067
+ "default": "N/A",
2068
+ "description": "[System arguments](/system-arguments)"
2069
+ }
2070
+ ]
2071
+ },
2072
+ {
2073
+ "component": "Subhead",
2074
+ "status": "beta",
2075
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/subhead.rb",
2076
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/subhead_preview/default/",
2077
+ "parameters": [
2078
+ {
2079
+ "name": "spacious",
2080
+ "type": "Boolean",
2081
+ "default": "`false`",
2082
+ "description": "Whether to add spacing to the Subhead."
2083
+ },
2084
+ {
2085
+ "name": "hide_border",
2086
+ "type": "Boolean",
2087
+ "default": "`false`",
2088
+ "description": "Whether to hide the border under the heading."
2089
+ },
2090
+ {
2091
+ "name": "system_arguments",
2092
+ "type": "Hash",
2093
+ "default": "N/A",
2094
+ "description": "[System arguments](/system-arguments)"
2095
+ }
2096
+ ]
2097
+ },
2000
2098
  {
2001
2099
  "component": "Text",
2002
2100
  "status": "beta",
@@ -2017,6 +2115,26 @@
2017
2115
  }
2018
2116
  ]
2019
2117
  },
2118
+ {
2119
+ "component": "TimelineItem",
2120
+ "status": "beta",
2121
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/timeline_item.rb",
2122
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/timeline_item_preview/default/",
2123
+ "parameters": [
2124
+ {
2125
+ "name": "condensed",
2126
+ "type": "Boolean",
2127
+ "default": "`false`",
2128
+ "description": "Reduce the vertical padding and remove the background from the badge item. Most commonly used in commits."
2129
+ },
2130
+ {
2131
+ "name": "system_arguments",
2132
+ "type": "Hash",
2133
+ "default": "N/A",
2134
+ "description": "[System arguments](/system-arguments)"
2135
+ }
2136
+ ]
2137
+ },
2020
2138
  {
2021
2139
  "component": "Truncate",
2022
2140
  "status": "beta",
@@ -2139,26 +2257,6 @@
2139
2257
  }
2140
2258
  ]
2141
2259
  },
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
2260
  {
2163
2261
  "component": "IconButton",
2164
2262
  "status": "deprecated",
@@ -2377,84 +2475,6 @@
2377
2475
  }
2378
2476
  ]
2379
2477
  },
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
2478
  {
2459
2479
  "component": "TimeAgo",
2460
2480
  "status": "deprecated",
@@ -2481,26 +2501,6 @@
2481
2501
  }
2482
2502
  ]
2483
2503
  },
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
2504
  {
2505
2505
  "component": "Tooltip",
2506
2506
  "status": "deprecated",
@@ -14,6 +14,7 @@
14
14
  "Primer::Alpha::Dropdown": "",
15
15
  "Primer::Alpha::Dropdown::Menu": "",
16
16
  "Primer::Alpha::Dropdown::Menu::Item": "",
17
+ "Primer::Alpha::HellipButton": "",
17
18
  "Primer::Alpha::HiddenTextExpander": "",
18
19
  "Primer::Alpha::Image": "",
19
20
  "Primer::Alpha::ImageCrop": "",
@@ -27,6 +28,7 @@
27
28
  "Primer::Alpha::OcticonSymbols": "",
28
29
  "Primer::Alpha::SegmentedControl": "",
29
30
  "Primer::Alpha::SegmentedControl::Item": "",
31
+ "Primer::Alpha::TabContainer": "",
30
32
  "Primer::Alpha::TabNav": "",
31
33
  "Primer::Alpha::TabPanels": "",
32
34
  "Primer::Alpha::TextField": "",
@@ -62,7 +64,11 @@
62
64
  "Primer::Beta::ProgressBar": "",
63
65
  "Primer::Beta::RelativeTime": "",
64
66
  "Primer::Beta::Spinner": "",
67
+ "Primer::Beta::State": "",
68
+ "Primer::Beta::Subhead": "",
65
69
  "Primer::Beta::Text": "",
70
+ "Primer::Beta::TimelineItem": "",
71
+ "Primer::Beta::TimelineItem::BadgeComponent": "",
66
72
  "Primer::Beta::Truncate": "",
67
73
  "Primer::Beta::Truncate::TruncateText": "",
68
74
  "Primer::BlankslateComponent": "",
@@ -94,7 +100,6 @@
94
100
  "Primer::TabContainerComponent": "",
95
101
  "Primer::TimeAgoComponent": "",
96
102
  "Primer::TimelineItemComponent": "",
97
- "Primer::TimelineItemComponent::BadgeComponent": "",
98
103
  "Primer::Tooltip": "",
99
104
  "Primer::Truncate": ""
100
105
  }
@@ -216,6 +216,8 @@
216
216
  "summary"
217
217
  ]
218
218
  },
219
+ "Primer::Alpha::HellipButton": {
220
+ },
219
221
  "Primer::Alpha::HiddenTextExpander": {
220
222
  },
221
223
  "Primer::Alpha::Image": {
@@ -328,6 +330,8 @@
328
330
  },
329
331
  "Primer::Alpha::SegmentedControl::Item": {
330
332
  },
333
+ "Primer::Alpha::TabContainer": {
334
+ },
331
335
  "Primer::Alpha::TabNav": {
332
336
  "BODY_TAG_DEFAULT": "ul",
333
337
  "TAG_DEFAULT": "nav",
@@ -912,9 +916,72 @@
912
916
  "large"
913
917
  ]
914
918
  },
919
+ "Primer::Beta::State": {
920
+ "DEPRECATED_SCHEME_MAPPINGS": {
921
+ "default": "",
922
+ "green": "State--open",
923
+ "red": "State--closed",
924
+ "purple": "State--merged"
925
+ },
926
+ "NEW_SCHEME_MAPPINGS": {
927
+ "open": "State--open",
928
+ "closed": "State--closed",
929
+ "merged": "State--merged"
930
+ },
931
+ "SCHEME_DEFAULT": "default",
932
+ "SCHEME_MAPPINGS": {
933
+ "open": "State--open",
934
+ "closed": "State--closed",
935
+ "merged": "State--merged",
936
+ "default": "",
937
+ "green": "State--open",
938
+ "red": "State--closed",
939
+ "purple": "State--merged"
940
+ },
941
+ "SCHEME_OPTIONS": [
942
+ "open",
943
+ "closed",
944
+ "merged",
945
+ "default",
946
+ "green",
947
+ "red",
948
+ "purple"
949
+ ],
950
+ "SIZE_DEFAULT": "default",
951
+ "SIZE_MAPPINGS": {
952
+ "default": "",
953
+ "small": "State--small"
954
+ },
955
+ "SIZE_OPTIONS": [
956
+ "default",
957
+ "small"
958
+ ],
959
+ "TAG_DEFAULT": "span",
960
+ "TAG_OPTIONS": [
961
+ "span",
962
+ "div"
963
+ ]
964
+ },
965
+ "Primer::Beta::Subhead": {
966
+ "DEFAULT_HEADING_TAG": "div",
967
+ "HEADING_TAG_OPTIONS": [
968
+ "div",
969
+ "h1",
970
+ "h2",
971
+ "h3",
972
+ "h4",
973
+ "h5",
974
+ "h6"
975
+ ]
976
+ },
915
977
  "Primer::Beta::Text": {
916
978
  "DEFAULT_TAG": "span"
917
979
  },
980
+ "Primer::Beta::TimelineItem": {
981
+ "BadgeComponent": "Primer::Beta::TimelineItem::BadgeComponent"
982
+ },
983
+ "Primer::Beta::TimelineItem::BadgeComponent": {
984
+ },
918
985
  "Primer::Beta::Truncate": {
919
986
  "TruncateText": "Primer::Beta::Truncate::TruncateText"
920
987
  },
@@ -1056,71 +1123,14 @@
1056
1123
  "Primer::SpinnerComponent": {
1057
1124
  },
1058
1125
  "Primer::StateComponent": {
1059
- "DEPRECATED_SCHEME_MAPPINGS": {
1060
- "default": "",
1061
- "green": "State--open",
1062
- "red": "State--closed",
1063
- "purple": "State--merged"
1064
- },
1065
- "NEW_SCHEME_MAPPINGS": {
1066
- "open": "State--open",
1067
- "closed": "State--closed",
1068
- "merged": "State--merged"
1069
- },
1070
- "SCHEME_DEFAULT": "default",
1071
- "SCHEME_MAPPINGS": {
1072
- "open": "State--open",
1073
- "closed": "State--closed",
1074
- "merged": "State--merged",
1075
- "default": "",
1076
- "green": "State--open",
1077
- "red": "State--closed",
1078
- "purple": "State--merged"
1079
- },
1080
- "SCHEME_OPTIONS": [
1081
- "open",
1082
- "closed",
1083
- "merged",
1084
- "default",
1085
- "green",
1086
- "red",
1087
- "purple"
1088
- ],
1089
- "SIZE_DEFAULT": "default",
1090
- "SIZE_MAPPINGS": {
1091
- "default": "",
1092
- "small": "State--small"
1093
- },
1094
- "SIZE_OPTIONS": [
1095
- "default",
1096
- "small"
1097
- ],
1098
- "TAG_DEFAULT": "span",
1099
- "TAG_OPTIONS": [
1100
- "span",
1101
- "div"
1102
- ]
1103
1126
  },
1104
1127
  "Primer::SubheadComponent": {
1105
- "DEFAULT_HEADING_TAG": "div",
1106
- "HEADING_TAG_OPTIONS": [
1107
- "div",
1108
- "h1",
1109
- "h2",
1110
- "h3",
1111
- "h4",
1112
- "h5",
1113
- "h6"
1114
- ]
1115
1128
  },
1116
1129
  "Primer::TabContainerComponent": {
1117
1130
  },
1118
1131
  "Primer::TimeAgoComponent": {
1119
1132
  },
1120
1133
  "Primer::TimelineItemComponent": {
1121
- "BadgeComponent": "Primer::TimelineItemComponent::BadgeComponent"
1122
- },
1123
- "Primer::TimelineItemComponent::BadgeComponent": {
1124
1134
  },
1125
1135
  "Primer::Tooltip": {
1126
1136
  "ALIGN_DEFAULT": "default",
@@ -14,6 +14,7 @@
14
14
  "Primer::Alpha::Dropdown": "alpha",
15
15
  "Primer::Alpha::Dropdown::Menu": "alpha",
16
16
  "Primer::Alpha::Dropdown::Menu::Item": "alpha",
17
+ "Primer::Alpha::HellipButton": "alpha",
17
18
  "Primer::Alpha::HiddenTextExpander": "alpha",
18
19
  "Primer::Alpha::Image": "alpha",
19
20
  "Primer::Alpha::ImageCrop": "alpha",
@@ -27,6 +28,7 @@
27
28
  "Primer::Alpha::OcticonSymbols": "alpha",
28
29
  "Primer::Alpha::SegmentedControl": "alpha",
29
30
  "Primer::Alpha::SegmentedControl::Item": "alpha",
31
+ "Primer::Alpha::TabContainer": "alpha",
30
32
  "Primer::Alpha::TabNav": "alpha",
31
33
  "Primer::Alpha::TabPanels": "alpha",
32
34
  "Primer::Alpha::TextField": "alpha",
@@ -62,7 +64,11 @@
62
64
  "Primer::Beta::ProgressBar": "beta",
63
65
  "Primer::Beta::RelativeTime": "beta",
64
66
  "Primer::Beta::Spinner": "beta",
67
+ "Primer::Beta::State": "beta",
68
+ "Primer::Beta::Subhead": "beta",
65
69
  "Primer::Beta::Text": "beta",
70
+ "Primer::Beta::TimelineItem": "beta",
71
+ "Primer::Beta::TimelineItem::BadgeComponent": "alpha",
66
72
  "Primer::Beta::Truncate": "beta",
67
73
  "Primer::Beta::Truncate::TruncateText": "alpha",
68
74
  "Primer::BlankslateComponent": "deprecated",
@@ -76,7 +82,7 @@
76
82
  "Primer::Dropdown::Menu": "deprecated",
77
83
  "Primer::Dropdown::Menu::Item": "deprecated",
78
84
  "Primer::DropdownMenuComponent": "deprecated",
79
- "Primer::HellipButton": "alpha",
85
+ "Primer::HellipButton": "deprecated",
80
86
  "Primer::IconButton": "deprecated",
81
87
  "Primer::LabelComponent": "deprecated",
82
88
  "Primer::LayoutComponent": "alpha",
@@ -89,12 +95,11 @@
89
95
  "Primer::OcticonSymbolsComponent": "deprecated",
90
96
  "Primer::PopoverComponent": "deprecated",
91
97
  "Primer::SpinnerComponent": "deprecated",
92
- "Primer::StateComponent": "beta",
93
- "Primer::SubheadComponent": "beta",
94
- "Primer::TabContainerComponent": "alpha",
98
+ "Primer::StateComponent": "deprecated",
99
+ "Primer::SubheadComponent": "deprecated",
100
+ "Primer::TabContainerComponent": "deprecated",
95
101
  "Primer::TimeAgoComponent": "deprecated",
96
- "Primer::TimelineItemComponent": "beta",
97
- "Primer::TimelineItemComponent::BadgeComponent": "alpha",
102
+ "Primer::TimelineItemComponent": "deprecated",
98
103
  "Primer::Tooltip": "deprecated",
99
104
  "Primer::Truncate": "beta"
100
105
  }
@@ -1 +0,0 @@
1
- {"name":"state_component","selectors":[".State",".state",".State--draft",".State--open",".State--merged",".State--closed",".State--small",".State--small .octicon"]}
@@ -1 +0,0 @@
1
- {"name":"subhead_component","selectors":[".Subhead",".Subhead--spacious",".Subhead-heading",".Subhead-heading--danger",".Subhead-description",".Subhead-actions",".Subhead-actions+.Subhead-description"]}
@@ -1 +0,0 @@
1
- {"name":"timeline_item_component","selectors":[".TimelineItem",".TimelineItem:before",".TimelineItem:target .TimelineItem-badge",".TimelineItem-badge",".TimelineItem-badge--success",".TimelineItem-body",".TimelineItem-avatar",".TimelineItem-break",".TimelineItem--condensed",".TimelineItem--condensed:last-child",".TimelineItem--condensed .TimelineItem-badge"]}