primer_view_components 0.0.108 → 0.0.110
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +38 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list.css.json +1 -1
- data/app/components/primer/{beta → alpha}/banner.css +0 -0
- data/app/components/primer/alpha/banner.css.json +1 -0
- data/app/components/primer/{beta → alpha}/banner.css.map +1 -1
- data/app/components/primer/{beta → alpha}/banner.html.erb +2 -2
- data/app/components/primer/{beta → alpha}/banner.pcss +1 -0
- data/app/components/primer/{beta → alpha}/banner.rb +14 -15
- data/app/components/primer/alpha/dialog.rb +0 -1
- data/app/components/primer/alpha/segmented_control/item.rb +1 -1
- data/app/components/primer/alpha/segmented_control.css.json +1 -1
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.pcss +1 -0
- data/app/components/primer/alpha/toggle_switch.css +1 -0
- data/app/components/primer/alpha/toggle_switch.css.json +1 -0
- data/app/components/primer/alpha/toggle_switch.css.map +1 -0
- data/app/components/primer/alpha/toggle_switch.pcss +244 -0
- data/app/components/primer/{beta → alpha}/x_banner.d.ts +1 -3
- data/app/components/primer/{beta → alpha}/x_banner.js +2 -4
- data/app/components/primer/{beta → alpha}/x_banner.ts +2 -3
- data/app/components/primer/beta/blankslate.css +1 -0
- data/app/components/primer/beta/blankslate.css.json +1 -0
- data/app/components/primer/beta/blankslate.css.map +1 -0
- data/app/components/primer/beta/blankslate.pcss +90 -0
- data/app/components/primer/beta/breadcrumbs.css +1 -0
- data/app/components/primer/beta/breadcrumbs.css.json +1 -0
- data/app/components/primer/beta/breadcrumbs.css.map +1 -0
- data/app/components/primer/beta/breadcrumbs.pcss +30 -0
- data/app/components/primer/beta/button.css.json +1 -1
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button.pcss +0 -4
- data/app/components/primer/beta/counter.css +1 -0
- data/app/components/primer/beta/counter.css.json +1 -0
- data/app/components/primer/beta/counter.css.map +1 -0
- data/app/components/primer/beta/counter.pcss +35 -0
- data/app/components/primer/beta/label.css +1 -0
- data/app/components/primer/beta/label.css.json +1 -0
- data/app/components/primer/beta/label.css.map +1 -0
- data/app/components/primer/beta/label.pcss +103 -0
- data/app/components/primer/beta/progress_bar.css +1 -0
- data/app/components/primer/beta/progress_bar.css.json +1 -0
- data/app/components/primer/beta/progress_bar.css.map +1 -0
- data/app/components/primer/{progress_bar_component.html.erb → beta/progress_bar.html.erb} +0 -0
- data/app/components/primer/beta/progress_bar.pcss +26 -0
- data/app/components/primer/beta/progress_bar.rb +72 -0
- data/app/components/primer/beta/truncate.css +1 -0
- data/app/components/primer/beta/truncate.css.json +1 -0
- data/app/components/primer/beta/truncate.css.map +1 -0
- data/app/components/primer/beta/truncate.pcss +31 -0
- data/app/components/primer/primer.d.ts +1 -1
- data/app/components/primer/primer.js +1 -1
- data/app/components/primer/primer.pcss +12 -2
- data/app/components/primer/primer.ts +1 -1
- data/app/components/primer/progress_bar_component.rb +2 -65
- data/app/components/primer/state_component.css +1 -0
- data/app/components/primer/state_component.css.json +1 -0
- data/app/components/primer/state_component.css.map +1 -0
- data/app/components/primer/state_component.pcss +50 -0
- data/app/components/primer/subhead_component.css +1 -0
- data/app/components/primer/subhead_component.css.json +1 -0
- data/app/components/primer/subhead_component.css.map +1 -0
- data/app/components/primer/subhead_component.pcss +49 -0
- data/app/components/primer/truncate.css +1 -0
- data/app/components/primer/truncate.css.json +1 -0
- data/app/components/primer/truncate.css.map +1 -0
- data/app/components/primer/truncate.pcss +30 -0
- data/app/forms/name_with_question_mark_form/enabled_caption.html.erb +1 -0
- data/app/forms/name_with_question_mark_form.rb +11 -0
- data/app/lib/primer/css/layout.css +1918 -0
- data/app/lib/primer/css/layout.css.json +1 -0
- data/app/lib/primer/css/utilities.css +7304 -0
- data/app/lib/primer/css/utilities.css.json +1 -0
- data/lib/primer/classify/utilities.rb +1 -1
- data/lib/primer/deprecations.rb +2 -1
- data/lib/primer/forms/base.rb +7 -3
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/tasks/docs.rake +3 -3
- data/lib/tasks/test.rake +8 -0
- data/lib/tasks/utilities.rake +3 -18
- data/previews/primer/alpha/banner_preview/with_action_button.html.erb +4 -0
- data/previews/primer/{beta → alpha}/banner_preview/with_action_content.html.erb +1 -1
- data/previews/primer/alpha/banner_preview.rb +97 -0
- data/previews/primer/alpha/segmented_control_preview.rb +106 -20
- data/previews/primer/beta/counter_preview.rb +55 -8
- data/previews/primer/beta/progress_bar_preview.rb +60 -0
- data/previews/primer/forms/forms_preview/name_with_question_mark_form.html.erb +3 -0
- data/previews/primer/forms/forms_preview.rb +2 -0
- data/static/arguments.json +76 -76
- data/static/audited_at.json +2 -1
- data/static/constants.json +34 -26
- data/static/statuses.json +3 -2
- metadata +64 -16
- data/app/components/primer/beta/banner.css.json +0 -1
- data/previews/primer/beta/banner_preview/with_action_button.html.erb +0 -4
- data/previews/primer/beta/banner_preview.rb +0 -54
- data/previews/primer/progress_bar_component_preview.rb +0 -28
data/static/arguments.json
CHANGED
@@ -205,6 +205,62 @@
|
|
205
205
|
}
|
206
206
|
]
|
207
207
|
},
|
208
|
+
{
|
209
|
+
"component": "Banner",
|
210
|
+
"status": "alpha",
|
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/banner/default/",
|
213
|
+
"parameters": [
|
214
|
+
{
|
215
|
+
"name": "full",
|
216
|
+
"type": "Boolean",
|
217
|
+
"default": "`false`",
|
218
|
+
"description": "Whether the component should take up the full width of the screen."
|
219
|
+
},
|
220
|
+
{
|
221
|
+
"name": "full_when_narrow",
|
222
|
+
"type": "Boolean",
|
223
|
+
"default": "`false`",
|
224
|
+
"description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
|
225
|
+
},
|
226
|
+
{
|
227
|
+
"name": "dismissible",
|
228
|
+
"type": "Boolean",
|
229
|
+
"default": "`false`",
|
230
|
+
"description": "Whether the component can be dismissed with an \"x\" button."
|
231
|
+
},
|
232
|
+
{
|
233
|
+
"name": "description",
|
234
|
+
"type": "String",
|
235
|
+
"default": "`nil`",
|
236
|
+
"description": "Description text rendered underneath the message."
|
237
|
+
},
|
238
|
+
{
|
239
|
+
"name": "icon",
|
240
|
+
"type": "Symbol",
|
241
|
+
"default": "`nil`",
|
242
|
+
"description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
|
243
|
+
},
|
244
|
+
{
|
245
|
+
"name": "scheme",
|
246
|
+
"type": "Symbol",
|
247
|
+
"default": "`:default`",
|
248
|
+
"description": "One of `:danger`, `:default`, `:success`, or `:warning`."
|
249
|
+
},
|
250
|
+
{
|
251
|
+
"name": "reappear",
|
252
|
+
"type": "Boolean",
|
253
|
+
"default": "`false`",
|
254
|
+
"description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
|
255
|
+
},
|
256
|
+
{
|
257
|
+
"name": "system_arguments",
|
258
|
+
"type": "Hash",
|
259
|
+
"default": "N/A",
|
260
|
+
"description": "[System arguments](/system-arguments)"
|
261
|
+
}
|
262
|
+
]
|
263
|
+
},
|
208
264
|
{
|
209
265
|
"component": "ButtonMarketing",
|
210
266
|
"status": "alpha",
|
@@ -1117,62 +1173,6 @@
|
|
1117
1173
|
}
|
1118
1174
|
]
|
1119
1175
|
},
|
1120
|
-
{
|
1121
|
-
"component": "Banner",
|
1122
|
-
"status": "beta",
|
1123
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/banner.rb",
|
1124
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/banner/default/",
|
1125
|
-
"parameters": [
|
1126
|
-
{
|
1127
|
-
"name": "full",
|
1128
|
-
"type": "Boolean",
|
1129
|
-
"default": "`false`",
|
1130
|
-
"description": "Whether the component should take up the full width of the screen."
|
1131
|
-
},
|
1132
|
-
{
|
1133
|
-
"name": "full_when_narrow",
|
1134
|
-
"type": "Boolean",
|
1135
|
-
"default": "`false`",
|
1136
|
-
"description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
|
1137
|
-
},
|
1138
|
-
{
|
1139
|
-
"name": "dismissible",
|
1140
|
-
"type": "Boolean",
|
1141
|
-
"default": "`false`",
|
1142
|
-
"description": "Whether the component can be dismissed with an \"x\" button."
|
1143
|
-
},
|
1144
|
-
{
|
1145
|
-
"name": "description",
|
1146
|
-
"type": "String",
|
1147
|
-
"default": "`nil`",
|
1148
|
-
"description": "Description text rendered underneath the message."
|
1149
|
-
},
|
1150
|
-
{
|
1151
|
-
"name": "icon",
|
1152
|
-
"type": "Symbol",
|
1153
|
-
"default": "`nil`",
|
1154
|
-
"description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
|
1155
|
-
},
|
1156
|
-
{
|
1157
|
-
"name": "scheme",
|
1158
|
-
"type": "Symbol",
|
1159
|
-
"default": "`:default`",
|
1160
|
-
"description": "One of `:danger`, `:default`, `:success`, or `:warning`."
|
1161
|
-
},
|
1162
|
-
{
|
1163
|
-
"name": "reappear",
|
1164
|
-
"type": "Boolean",
|
1165
|
-
"default": "`false`",
|
1166
|
-
"description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
|
1167
|
-
},
|
1168
|
-
{
|
1169
|
-
"name": "system_arguments",
|
1170
|
-
"type": "Hash",
|
1171
|
-
"default": "N/A",
|
1172
|
-
"description": "[System arguments](/system-arguments)"
|
1173
|
-
}
|
1174
|
-
]
|
1175
|
-
},
|
1176
1176
|
{
|
1177
1177
|
"component": "BaseButton",
|
1178
1178
|
"status": "beta",
|
@@ -1683,6 +1683,26 @@
|
|
1683
1683
|
}
|
1684
1684
|
]
|
1685
1685
|
},
|
1686
|
+
{
|
1687
|
+
"component": "ProgressBar",
|
1688
|
+
"status": "beta",
|
1689
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
|
1690
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
|
1691
|
+
"parameters": [
|
1692
|
+
{
|
1693
|
+
"name": "size",
|
1694
|
+
"type": "Symbol",
|
1695
|
+
"default": "`:default`",
|
1696
|
+
"description": "One of `:default`, `:large`, or `:small`. Increases height."
|
1697
|
+
},
|
1698
|
+
{
|
1699
|
+
"name": "system_arguments",
|
1700
|
+
"type": "Hash",
|
1701
|
+
"default": "N/A",
|
1702
|
+
"description": "[System arguments](/system-arguments)"
|
1703
|
+
}
|
1704
|
+
]
|
1705
|
+
},
|
1686
1706
|
{
|
1687
1707
|
"component": "Text",
|
1688
1708
|
"status": "beta",
|
@@ -2221,26 +2241,6 @@
|
|
2221
2241
|
}
|
2222
2242
|
]
|
2223
2243
|
},
|
2224
|
-
{
|
2225
|
-
"component": "ProgressBar",
|
2226
|
-
"status": "beta",
|
2227
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/progress_bar_component.rb",
|
2228
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/progress_bar/default/",
|
2229
|
-
"parameters": [
|
2230
|
-
{
|
2231
|
-
"name": "size",
|
2232
|
-
"type": "Symbol",
|
2233
|
-
"default": "`:default`",
|
2234
|
-
"description": "One of `:default`, `:large`, or `:small`. Increases height."
|
2235
|
-
},
|
2236
|
-
{
|
2237
|
-
"name": "system_arguments",
|
2238
|
-
"type": "Hash",
|
2239
|
-
"default": "N/A",
|
2240
|
-
"description": "[System arguments](/system-arguments)"
|
2241
|
-
}
|
2242
|
-
]
|
2243
|
-
},
|
2244
2244
|
{
|
2245
2245
|
"component": "Spinner",
|
2246
2246
|
"status": "beta",
|
data/static/audited_at.json
CHANGED
@@ -5,6 +5,7 @@
|
|
5
5
|
"Primer::Alpha::ActionList::Item": "",
|
6
6
|
"Primer::Alpha::AutoComplete": "",
|
7
7
|
"Primer::Alpha::AutoComplete::Item": "",
|
8
|
+
"Primer::Alpha::Banner": "",
|
8
9
|
"Primer::Alpha::ButtonMarketing": "",
|
9
10
|
"Primer::Alpha::Dialog": "",
|
10
11
|
"Primer::Alpha::Dialog::Body": "",
|
@@ -33,7 +34,6 @@
|
|
33
34
|
"Primer::Beta::AutoComplete::Item": "",
|
34
35
|
"Primer::Beta::Avatar": "",
|
35
36
|
"Primer::Beta::AvatarStack": "",
|
36
|
-
"Primer::Beta::Banner": "",
|
37
37
|
"Primer::Beta::BaseButton": "",
|
38
38
|
"Primer::Beta::Blankslate": "",
|
39
39
|
"Primer::Beta::BorderBox": "",
|
@@ -50,6 +50,7 @@
|
|
50
50
|
"Primer::Beta::IconButton": "",
|
51
51
|
"Primer::Beta::Label": "",
|
52
52
|
"Primer::Beta::Link": "",
|
53
|
+
"Primer::Beta::ProgressBar": "",
|
53
54
|
"Primer::Beta::Text": "",
|
54
55
|
"Primer::Beta::Truncate": "",
|
55
56
|
"Primer::Beta::Truncate::TruncateText": "",
|
data/static/constants.json
CHANGED
@@ -72,6 +72,27 @@
|
|
72
72
|
},
|
73
73
|
"Primer::Alpha::AutoComplete::Item": {
|
74
74
|
},
|
75
|
+
"Primer::Alpha::Banner": {
|
76
|
+
"DEFAULT_ICONS": {
|
77
|
+
"default": "bell",
|
78
|
+
"warning": "alert",
|
79
|
+
"danger": "stop",
|
80
|
+
"success": "check-circle"
|
81
|
+
},
|
82
|
+
"DEFAULT_SCHEME": "default",
|
83
|
+
"LEGACY_SCHEME_MAPPINGS": {
|
84
|
+
"default": "",
|
85
|
+
"warning": "flash-warn",
|
86
|
+
"danger": "flash-error",
|
87
|
+
"success": "flash-success"
|
88
|
+
},
|
89
|
+
"SCHEME_MAPPINGS": {
|
90
|
+
"default": "",
|
91
|
+
"warning": "Banner--warning",
|
92
|
+
"danger": "Banner--error",
|
93
|
+
"success": "Banner--success"
|
94
|
+
}
|
95
|
+
},
|
75
96
|
"Primer::Alpha::ButtonMarketing": {
|
76
97
|
"DEFAULT_SCHEME": "default",
|
77
98
|
"DEFAULT_TAG": "button",
|
@@ -396,21 +417,6 @@
|
|
396
417
|
"span"
|
397
418
|
]
|
398
419
|
},
|
399
|
-
"Primer::Beta::Banner": {
|
400
|
-
"DEFAULT_ICONS": {
|
401
|
-
"default": "bell",
|
402
|
-
"warning": "alert",
|
403
|
-
"danger": "stop",
|
404
|
-
"success": "check-circle"
|
405
|
-
},
|
406
|
-
"DEFAULT_SCHEME": "default",
|
407
|
-
"SCHEME_MAPPINGS": {
|
408
|
-
"default": "",
|
409
|
-
"warning": "Banner--warning",
|
410
|
-
"danger": "Banner--error",
|
411
|
-
"success": "Banner--success"
|
412
|
-
}
|
413
|
-
},
|
414
420
|
"Primer::Beta::BaseButton": {
|
415
421
|
"DEFAULT_TAG": "button",
|
416
422
|
"DEFAULT_TYPE": "button",
|
@@ -664,6 +670,19 @@
|
|
664
670
|
"span"
|
665
671
|
]
|
666
672
|
},
|
673
|
+
"Primer::Beta::ProgressBar": {
|
674
|
+
"SIZE_DEFAULT": "default",
|
675
|
+
"SIZE_MAPPINGS": {
|
676
|
+
"default": "",
|
677
|
+
"small": "Progress--small",
|
678
|
+
"large": "Progress--large"
|
679
|
+
},
|
680
|
+
"SIZE_OPTIONS": [
|
681
|
+
"default",
|
682
|
+
"small",
|
683
|
+
"large"
|
684
|
+
]
|
685
|
+
},
|
667
686
|
"Primer::Beta::Text": {
|
668
687
|
"DEFAULT_TAG": "span"
|
669
688
|
},
|
@@ -883,17 +902,6 @@
|
|
883
902
|
"DEFAULT_HEADING_TAG": "h4"
|
884
903
|
},
|
885
904
|
"Primer::ProgressBarComponent": {
|
886
|
-
"SIZE_DEFAULT": "default",
|
887
|
-
"SIZE_MAPPINGS": {
|
888
|
-
"default": "",
|
889
|
-
"small": "Progress--small",
|
890
|
-
"large": "Progress--large"
|
891
|
-
},
|
892
|
-
"SIZE_OPTIONS": [
|
893
|
-
"default",
|
894
|
-
"small",
|
895
|
-
"large"
|
896
|
-
]
|
897
905
|
},
|
898
906
|
"Primer::SpinnerComponent": {
|
899
907
|
"DEFAULT_SIZE": "medium",
|
data/static/statuses.json
CHANGED
@@ -5,6 +5,7 @@
|
|
5
5
|
"Primer::Alpha::ActionList::Item": "alpha",
|
6
6
|
"Primer::Alpha::AutoComplete": "deprecated",
|
7
7
|
"Primer::Alpha::AutoComplete::Item": "deprecated",
|
8
|
+
"Primer::Alpha::Banner": "alpha",
|
8
9
|
"Primer::Alpha::ButtonMarketing": "alpha",
|
9
10
|
"Primer::Alpha::Dialog": "alpha",
|
10
11
|
"Primer::Alpha::Dialog::Body": "alpha",
|
@@ -33,7 +34,6 @@
|
|
33
34
|
"Primer::Beta::AutoComplete::Item": "beta",
|
34
35
|
"Primer::Beta::Avatar": "beta",
|
35
36
|
"Primer::Beta::AvatarStack": "beta",
|
36
|
-
"Primer::Beta::Banner": "beta",
|
37
37
|
"Primer::Beta::BaseButton": "beta",
|
38
38
|
"Primer::Beta::Blankslate": "beta",
|
39
39
|
"Primer::Beta::BorderBox": "beta",
|
@@ -50,6 +50,7 @@
|
|
50
50
|
"Primer::Beta::IconButton": "beta",
|
51
51
|
"Primer::Beta::Label": "beta",
|
52
52
|
"Primer::Beta::Link": "beta",
|
53
|
+
"Primer::Beta::ProgressBar": "beta",
|
53
54
|
"Primer::Beta::Text": "beta",
|
54
55
|
"Primer::Beta::Truncate": "beta",
|
55
56
|
"Primer::Beta::Truncate::TruncateText": "alpha",
|
@@ -78,7 +79,7 @@
|
|
78
79
|
"Primer::OcticonComponent": "beta",
|
79
80
|
"Primer::OcticonSymbolsComponent": "alpha",
|
80
81
|
"Primer::PopoverComponent": "beta",
|
81
|
-
"Primer::ProgressBarComponent": "
|
82
|
+
"Primer::ProgressBarComponent": "deprecated",
|
82
83
|
"Primer::SpinnerComponent": "beta",
|
83
84
|
"Primer::StateComponent": "beta",
|
84
85
|
"Primer::SubheadComponent": "beta",
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: primer_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.110
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- GitHub Open Source
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-11-
|
11
|
+
date: 2022-11-14 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: actionview
|
@@ -422,6 +422,12 @@ files:
|
|
422
422
|
- app/components/primer/alpha/auto_complete.rb
|
423
423
|
- app/components/primer/alpha/auto_complete/auto_complete.html.erb
|
424
424
|
- app/components/primer/alpha/auto_complete/item.rb
|
425
|
+
- app/components/primer/alpha/banner.css
|
426
|
+
- app/components/primer/alpha/banner.css.json
|
427
|
+
- app/components/primer/alpha/banner.css.map
|
428
|
+
- app/components/primer/alpha/banner.html.erb
|
429
|
+
- app/components/primer/alpha/banner.pcss
|
430
|
+
- app/components/primer/alpha/banner.rb
|
425
431
|
- app/components/primer/alpha/button_marketing.rb
|
426
432
|
- app/components/primer/alpha/dialog.html.erb
|
427
433
|
- app/components/primer/alpha/dialog.rb
|
@@ -466,9 +472,13 @@ files:
|
|
466
472
|
- app/components/primer/alpha/tab_panels.html.erb
|
467
473
|
- app/components/primer/alpha/tab_panels.rb
|
468
474
|
- app/components/primer/alpha/text_field.rb
|
475
|
+
- app/components/primer/alpha/toggle_switch.css
|
476
|
+
- app/components/primer/alpha/toggle_switch.css.json
|
477
|
+
- app/components/primer/alpha/toggle_switch.css.map
|
469
478
|
- app/components/primer/alpha/toggle_switch.d.ts
|
470
479
|
- app/components/primer/alpha/toggle_switch.html.erb
|
471
480
|
- app/components/primer/alpha/toggle_switch.js
|
481
|
+
- app/components/primer/alpha/toggle_switch.pcss
|
472
482
|
- app/components/primer/alpha/toggle_switch.rb
|
473
483
|
- app/components/primer/alpha/toggle_switch.ts
|
474
484
|
- app/components/primer/alpha/tool_tip.d.ts
|
@@ -479,6 +489,9 @@ files:
|
|
479
489
|
- app/components/primer/alpha/underline_nav.rb
|
480
490
|
- app/components/primer/alpha/underline_panels.html.erb
|
481
491
|
- app/components/primer/alpha/underline_panels.rb
|
492
|
+
- app/components/primer/alpha/x_banner.d.ts
|
493
|
+
- app/components/primer/alpha/x_banner.js
|
494
|
+
- app/components/primer/alpha/x_banner.ts
|
482
495
|
- app/components/primer/base_component.rb
|
483
496
|
- app/components/primer/beta/auto_complete.rb
|
484
497
|
- app/components/primer/beta/auto_complete/auto_complete.d.ts
|
@@ -490,20 +503,22 @@ files:
|
|
490
503
|
- app/components/primer/beta/avatar.rb
|
491
504
|
- app/components/primer/beta/avatar_stack.html.erb
|
492
505
|
- app/components/primer/beta/avatar_stack.rb
|
493
|
-
- app/components/primer/beta/banner.css
|
494
|
-
- app/components/primer/beta/banner.css.json
|
495
|
-
- app/components/primer/beta/banner.css.map
|
496
|
-
- app/components/primer/beta/banner.html.erb
|
497
|
-
- app/components/primer/beta/banner.pcss
|
498
|
-
- app/components/primer/beta/banner.rb
|
499
506
|
- app/components/primer/beta/base_button.rb
|
507
|
+
- app/components/primer/beta/blankslate.css
|
508
|
+
- app/components/primer/beta/blankslate.css.json
|
509
|
+
- app/components/primer/beta/blankslate.css.map
|
500
510
|
- app/components/primer/beta/blankslate.html.erb
|
511
|
+
- app/components/primer/beta/blankslate.pcss
|
501
512
|
- app/components/primer/beta/blankslate.rb
|
502
513
|
- app/components/primer/beta/border_box.html.erb
|
503
514
|
- app/components/primer/beta/border_box.rb
|
504
515
|
- app/components/primer/beta/border_box/header.html.erb
|
505
516
|
- app/components/primer/beta/border_box/header.rb
|
517
|
+
- app/components/primer/beta/breadcrumbs.css
|
518
|
+
- app/components/primer/beta/breadcrumbs.css.json
|
519
|
+
- app/components/primer/beta/breadcrumbs.css.map
|
506
520
|
- app/components/primer/beta/breadcrumbs.html.erb
|
521
|
+
- app/components/primer/beta/breadcrumbs.pcss
|
507
522
|
- app/components/primer/beta/breadcrumbs.rb
|
508
523
|
- app/components/primer/beta/button.css
|
509
524
|
- app/components/primer/beta/button.css.json
|
@@ -514,6 +529,10 @@ files:
|
|
514
529
|
- app/components/primer/beta/button_group.html.erb
|
515
530
|
- app/components/primer/beta/button_group.rb
|
516
531
|
- app/components/primer/beta/close_button.rb
|
532
|
+
- app/components/primer/beta/counter.css
|
533
|
+
- app/components/primer/beta/counter.css.json
|
534
|
+
- app/components/primer/beta/counter.css.map
|
535
|
+
- app/components/primer/beta/counter.pcss
|
517
536
|
- app/components/primer/beta/counter.rb
|
518
537
|
- app/components/primer/beta/details.html.erb
|
519
538
|
- app/components/primer/beta/details.rb
|
@@ -522,14 +541,25 @@ files:
|
|
522
541
|
- app/components/primer/beta/heading.rb
|
523
542
|
- app/components/primer/beta/icon_button.html.erb
|
524
543
|
- app/components/primer/beta/icon_button.rb
|
544
|
+
- app/components/primer/beta/label.css
|
545
|
+
- app/components/primer/beta/label.css.json
|
546
|
+
- app/components/primer/beta/label.css.map
|
547
|
+
- app/components/primer/beta/label.pcss
|
525
548
|
- app/components/primer/beta/label.rb
|
526
549
|
- app/components/primer/beta/link.rb
|
550
|
+
- app/components/primer/beta/progress_bar.css
|
551
|
+
- app/components/primer/beta/progress_bar.css.json
|
552
|
+
- app/components/primer/beta/progress_bar.css.map
|
553
|
+
- app/components/primer/beta/progress_bar.html.erb
|
554
|
+
- app/components/primer/beta/progress_bar.pcss
|
555
|
+
- app/components/primer/beta/progress_bar.rb
|
527
556
|
- app/components/primer/beta/text.rb
|
557
|
+
- app/components/primer/beta/truncate.css
|
558
|
+
- app/components/primer/beta/truncate.css.json
|
559
|
+
- app/components/primer/beta/truncate.css.map
|
528
560
|
- app/components/primer/beta/truncate.html.erb
|
561
|
+
- app/components/primer/beta/truncate.pcss
|
529
562
|
- app/components/primer/beta/truncate.rb
|
530
|
-
- app/components/primer/beta/x_banner.d.ts
|
531
|
-
- app/components/primer/beta/x_banner.js
|
532
|
-
- app/components/primer/beta/x_banner.ts
|
533
563
|
- app/components/primer/blankslate_component.html.erb
|
534
564
|
- app/components/primer/blankslate_component.rb
|
535
565
|
- app/components/primer/box.rb
|
@@ -584,12 +614,19 @@ files:
|
|
584
614
|
- app/components/primer/primer.js
|
585
615
|
- app/components/primer/primer.pcss
|
586
616
|
- app/components/primer/primer.ts
|
587
|
-
- app/components/primer/progress_bar_component.html.erb
|
588
617
|
- app/components/primer/progress_bar_component.rb
|
589
618
|
- app/components/primer/spinner_component.html.erb
|
590
619
|
- app/components/primer/spinner_component.rb
|
620
|
+
- app/components/primer/state_component.css
|
621
|
+
- app/components/primer/state_component.css.json
|
622
|
+
- app/components/primer/state_component.css.map
|
623
|
+
- app/components/primer/state_component.pcss
|
591
624
|
- app/components/primer/state_component.rb
|
625
|
+
- app/components/primer/subhead_component.css
|
626
|
+
- app/components/primer/subhead_component.css.json
|
627
|
+
- app/components/primer/subhead_component.css.map
|
592
628
|
- app/components/primer/subhead_component.html.erb
|
629
|
+
- app/components/primer/subhead_component.pcss
|
593
630
|
- app/components/primer/subhead_component.rb
|
594
631
|
- app/components/primer/tab_container_component.d.ts
|
595
632
|
- app/components/primer/tab_container_component.js
|
@@ -602,6 +639,10 @@ files:
|
|
602
639
|
- app/components/primer/timeline_item_component.html.erb
|
603
640
|
- app/components/primer/timeline_item_component.rb
|
604
641
|
- app/components/primer/tooltip.rb
|
642
|
+
- app/components/primer/truncate.css
|
643
|
+
- app/components/primer/truncate.css.json
|
644
|
+
- app/components/primer/truncate.css.map
|
645
|
+
- app/components/primer/truncate.pcss
|
605
646
|
- app/components/primer/truncate.rb
|
606
647
|
- app/forms/after_content_form.rb
|
607
648
|
- app/forms/after_content_form/after_content.html.erb
|
@@ -624,6 +665,8 @@ files:
|
|
624
665
|
- app/forms/last_name_form.rb
|
625
666
|
- app/forms/multi_input_form.rb
|
626
667
|
- app/forms/multi_text_field_form.rb
|
668
|
+
- app/forms/name_with_question_mark_form.rb
|
669
|
+
- app/forms/name_with_question_mark_form/enabled_caption.html.erb
|
627
670
|
- app/forms/radio_button_group_form.rb
|
628
671
|
- app/forms/radio_button_with_nested_form.rb
|
629
672
|
- app/forms/select_list_form.rb
|
@@ -633,6 +676,10 @@ files:
|
|
633
676
|
- app/helpers/primer/form_helper.rb
|
634
677
|
- app/lib/primer/audited/dsl.rb
|
635
678
|
- app/lib/primer/class_name_helper.rb
|
679
|
+
- app/lib/primer/css/layout.css
|
680
|
+
- app/lib/primer/css/layout.css.json
|
681
|
+
- app/lib/primer/css/utilities.css
|
682
|
+
- app/lib/primer/css/utilities.css.json
|
636
683
|
- app/lib/primer/fetch_or_fallback_helper.rb
|
637
684
|
- app/lib/primer/join_style_arguments_helper.rb
|
638
685
|
- app/lib/primer/octicon/cache.rb
|
@@ -771,6 +818,9 @@ files:
|
|
771
818
|
- previews/primer/alpha/action_list_preview.rb
|
772
819
|
- previews/primer/alpha/action_list_preview/heading.html.erb
|
773
820
|
- previews/primer/alpha/auto_complete_preview.rb
|
821
|
+
- previews/primer/alpha/banner_preview.rb
|
822
|
+
- previews/primer/alpha/banner_preview/with_action_button.html.erb
|
823
|
+
- previews/primer/alpha/banner_preview/with_action_content.html.erb
|
774
824
|
- previews/primer/alpha/button_marketing_preview.rb
|
775
825
|
- previews/primer/alpha/dialog_preview.rb
|
776
826
|
- previews/primer/alpha/dialog_preview/custom_header.html.erb
|
@@ -801,9 +851,6 @@ files:
|
|
801
851
|
- previews/primer/beta/auto_complete_preview/with_submit_button.html.erb
|
802
852
|
- previews/primer/beta/avatar_preview.rb
|
803
853
|
- previews/primer/beta/avatar_stack_preview.rb
|
804
|
-
- previews/primer/beta/banner_preview.rb
|
805
|
-
- previews/primer/beta/banner_preview/with_action_button.html.erb
|
806
|
-
- previews/primer/beta/banner_preview/with_action_content.html.erb
|
807
854
|
- previews/primer/beta/base_button_preview.rb
|
808
855
|
- previews/primer/beta/blankslate_preview.rb
|
809
856
|
- previews/primer/beta/border_box_preview.rb
|
@@ -824,6 +871,7 @@ files:
|
|
824
871
|
- previews/primer/beta/icon_button_preview.rb
|
825
872
|
- previews/primer/beta/label_preview.rb
|
826
873
|
- previews/primer/beta/link_preview.rb
|
874
|
+
- previews/primer/beta/progress_bar_preview.rb
|
827
875
|
- previews/primer/beta/text_preview.rb
|
828
876
|
- previews/primer/beta/truncate_preview.rb
|
829
877
|
- previews/primer/clipboard_copy_preview.rb
|
@@ -840,6 +888,7 @@ files:
|
|
840
888
|
- previews/primer/forms/forms_preview/invalid_form.html.erb
|
841
889
|
- previews/primer/forms/forms_preview/multi_input_form.html.erb
|
842
890
|
- previews/primer/forms/forms_preview/multi_text_field_form.html.erb
|
891
|
+
- previews/primer/forms/forms_preview/name_with_question_mark_form.html.erb
|
843
892
|
- previews/primer/forms/forms_preview/radio_button_group_form.html.erb
|
844
893
|
- previews/primer/forms/forms_preview/radio_button_with_nested_form.html.erb
|
845
894
|
- previews/primer/forms/forms_preview/select_list_form.html.erb
|
@@ -855,7 +904,6 @@ files:
|
|
855
904
|
- previews/primer/menu_component_preview/playground.html.erb
|
856
905
|
- previews/primer/octicon_component_preview.rb
|
857
906
|
- previews/primer/popover_component_preview.rb
|
858
|
-
- previews/primer/progress_bar_component_preview.rb
|
859
907
|
- previews/primer/spinner_component_preview.rb
|
860
908
|
- previews/primer/state_component_preview.rb
|
861
909
|
- previews/primer/subhead_component_preview.rb
|
@@ -1 +0,0 @@
|
|
1
|
-
{"name":"primer/beta/banner","selectors":[".Banner",".Banner .Banner-actions",".Banner .Banner-visual",".Banner .Banner-visual>.octicon",".Banner .Banner-visual>*",".Banner .Banner-message",".Banner .Banner-close",".Banner .Banner-visual .octicon",".Banner.Banner--warning",".Banner.Banner--warning .Banner-visual .octicon",".Banner.Banner--error",".Banner.Banner--error .Banner-visual .octicon",".Banner.Banner--success",".Banner.Banner--success .Banner-visual .octicon",".Banner.Banner--full",".Banner.Banner--full-whenNarrow"]}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Primer
|
4
|
-
module Beta
|
5
|
-
# @label Banner
|
6
|
-
class BannerPreview < ViewComponent::Preview
|
7
|
-
# @label Playground
|
8
|
-
#
|
9
|
-
# @param full toggle
|
10
|
-
# @param full_when_narrow toggle
|
11
|
-
# @param dismissible toggle
|
12
|
-
# @param icon [Symbol] octicon
|
13
|
-
# @param scheme [Symbol] select [default, warning, danger, success]
|
14
|
-
# @param content text
|
15
|
-
# @param description text
|
16
|
-
# @param reappear [Boolean]
|
17
|
-
def playground(full: false, full_when_narrow: false, dismissible: false, icon: :people, scheme: Primer::Beta::Banner::DEFAULT_SCHEME, reappear: true, content: "This is a banner!", description: nil)
|
18
|
-
icon = nil if icon == :none
|
19
|
-
render(Primer::Beta::Banner.new(full: full, full_when_narrow: full_when_narrow, dismissible: dismissible, icon: icon == :none ? nil : icon, scheme: scheme, description: description, reappear: reappear)) { content }
|
20
|
-
end
|
21
|
-
|
22
|
-
# @label Default
|
23
|
-
def default
|
24
|
-
render(Primer::Beta::Banner.new) { "This is a banner!" }
|
25
|
-
end
|
26
|
-
|
27
|
-
# @label With action button
|
28
|
-
#
|
29
|
-
# @param full toggle
|
30
|
-
# @param dismissible toggle
|
31
|
-
# @param icon [Symbol] octicon
|
32
|
-
# @param scheme [Symbol] select [default, warning, danger, success]
|
33
|
-
# @param content text
|
34
|
-
# @param reappear [Boolean]
|
35
|
-
def with_action_button(full: false, dismissible: false, icon: :people, scheme: Primer::Beta::Banner::DEFAULT_SCHEME, reappear: true, content: "This is a banner with an action!")
|
36
|
-
icon = nil if icon == :none
|
37
|
-
render_with_template(locals: { full: full, dismissible: dismissible, icon: icon == :none ? nil : icon, scheme: scheme, content: content, reappear: reappear })
|
38
|
-
end
|
39
|
-
|
40
|
-
# @label With action content
|
41
|
-
#
|
42
|
-
# @param full toggle
|
43
|
-
# @param dismissible toggle
|
44
|
-
# @param icon [Symbol] octicon
|
45
|
-
# @param scheme [Symbol] select [default, warning, danger, success]
|
46
|
-
# @param content text
|
47
|
-
# @param reappear [Boolean]
|
48
|
-
def with_action_content(full: false, dismissible: false, icon: :people, scheme: Primer::Beta::Banner::DEFAULT_SCHEME, reappear: true, content: "Did you know? Comments can be edited.")
|
49
|
-
icon = nil if icon == :none
|
50
|
-
render_with_template(locals: { full: full, dismissible: dismissible, icon: icon == :none ? nil : icon, scheme: scheme, content: content, reappear: reappear })
|
51
|
-
end
|
52
|
-
end
|
53
|
-
end
|
54
|
-
end
|
@@ -1,28 +0,0 @@
|
|
1
|
-
# frozen_string_literal: true
|
2
|
-
|
3
|
-
module Primer
|
4
|
-
# @label ProgressBarComponent
|
5
|
-
class ProgressBarComponentPreview < ViewComponent::Preview
|
6
|
-
# @label Playground
|
7
|
-
#
|
8
|
-
# @param size [Symbol] select [default, small, large]
|
9
|
-
def playground(size: :default)
|
10
|
-
render(Primer::ProgressBarComponent.new(size: size)) do |component|
|
11
|
-
component.with_item(percentage: 10)
|
12
|
-
component.with_item(bg: :accent_emphasis, percentage: 20)
|
13
|
-
component.with_item(bg: :danger_emphasis, percentage: 30)
|
14
|
-
end
|
15
|
-
end
|
16
|
-
|
17
|
-
# @label Default
|
18
|
-
#
|
19
|
-
# @param size [Symbol] select [default, small, large]
|
20
|
-
def default(size: :default)
|
21
|
-
render(Primer::ProgressBarComponent.new(size: size)) do |component|
|
22
|
-
component.with_item(percentage: 10)
|
23
|
-
component.with_item(bg: :accent_emphasis, percentage: 20)
|
24
|
-
component.with_item(bg: :danger_emphasis, percentage: 30)
|
25
|
-
end
|
26
|
-
end
|
27
|
-
end
|
28
|
-
end
|