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.
Files changed (101) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +38 -0
  3. data/app/assets/javascripts/primer_view_components.js +1 -1
  4. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  5. data/app/assets/styles/primer_view_components.css +1 -1
  6. data/app/assets/styles/primer_view_components.css.map +1 -1
  7. data/app/components/primer/alpha/action_list.css.json +1 -1
  8. data/app/components/primer/{beta → alpha}/banner.css +0 -0
  9. data/app/components/primer/alpha/banner.css.json +1 -0
  10. data/app/components/primer/{beta → alpha}/banner.css.map +1 -1
  11. data/app/components/primer/{beta → alpha}/banner.html.erb +2 -2
  12. data/app/components/primer/{beta → alpha}/banner.pcss +1 -0
  13. data/app/components/primer/{beta → alpha}/banner.rb +14 -15
  14. data/app/components/primer/alpha/dialog.rb +0 -1
  15. data/app/components/primer/alpha/segmented_control/item.rb +1 -1
  16. data/app/components/primer/alpha/segmented_control.css.json +1 -1
  17. data/app/components/primer/alpha/segmented_control.css.map +1 -1
  18. data/app/components/primer/alpha/segmented_control.pcss +1 -0
  19. data/app/components/primer/alpha/toggle_switch.css +1 -0
  20. data/app/components/primer/alpha/toggle_switch.css.json +1 -0
  21. data/app/components/primer/alpha/toggle_switch.css.map +1 -0
  22. data/app/components/primer/alpha/toggle_switch.pcss +244 -0
  23. data/app/components/primer/{beta → alpha}/x_banner.d.ts +1 -3
  24. data/app/components/primer/{beta → alpha}/x_banner.js +2 -4
  25. data/app/components/primer/{beta → alpha}/x_banner.ts +2 -3
  26. data/app/components/primer/beta/blankslate.css +1 -0
  27. data/app/components/primer/beta/blankslate.css.json +1 -0
  28. data/app/components/primer/beta/blankslate.css.map +1 -0
  29. data/app/components/primer/beta/blankslate.pcss +90 -0
  30. data/app/components/primer/beta/breadcrumbs.css +1 -0
  31. data/app/components/primer/beta/breadcrumbs.css.json +1 -0
  32. data/app/components/primer/beta/breadcrumbs.css.map +1 -0
  33. data/app/components/primer/beta/breadcrumbs.pcss +30 -0
  34. data/app/components/primer/beta/button.css.json +1 -1
  35. data/app/components/primer/beta/button.css.map +1 -1
  36. data/app/components/primer/beta/button.pcss +0 -4
  37. data/app/components/primer/beta/counter.css +1 -0
  38. data/app/components/primer/beta/counter.css.json +1 -0
  39. data/app/components/primer/beta/counter.css.map +1 -0
  40. data/app/components/primer/beta/counter.pcss +35 -0
  41. data/app/components/primer/beta/label.css +1 -0
  42. data/app/components/primer/beta/label.css.json +1 -0
  43. data/app/components/primer/beta/label.css.map +1 -0
  44. data/app/components/primer/beta/label.pcss +103 -0
  45. data/app/components/primer/beta/progress_bar.css +1 -0
  46. data/app/components/primer/beta/progress_bar.css.json +1 -0
  47. data/app/components/primer/beta/progress_bar.css.map +1 -0
  48. data/app/components/primer/{progress_bar_component.html.erb → beta/progress_bar.html.erb} +0 -0
  49. data/app/components/primer/beta/progress_bar.pcss +26 -0
  50. data/app/components/primer/beta/progress_bar.rb +72 -0
  51. data/app/components/primer/beta/truncate.css +1 -0
  52. data/app/components/primer/beta/truncate.css.json +1 -0
  53. data/app/components/primer/beta/truncate.css.map +1 -0
  54. data/app/components/primer/beta/truncate.pcss +31 -0
  55. data/app/components/primer/primer.d.ts +1 -1
  56. data/app/components/primer/primer.js +1 -1
  57. data/app/components/primer/primer.pcss +12 -2
  58. data/app/components/primer/primer.ts +1 -1
  59. data/app/components/primer/progress_bar_component.rb +2 -65
  60. data/app/components/primer/state_component.css +1 -0
  61. data/app/components/primer/state_component.css.json +1 -0
  62. data/app/components/primer/state_component.css.map +1 -0
  63. data/app/components/primer/state_component.pcss +50 -0
  64. data/app/components/primer/subhead_component.css +1 -0
  65. data/app/components/primer/subhead_component.css.json +1 -0
  66. data/app/components/primer/subhead_component.css.map +1 -0
  67. data/app/components/primer/subhead_component.pcss +49 -0
  68. data/app/components/primer/truncate.css +1 -0
  69. data/app/components/primer/truncate.css.json +1 -0
  70. data/app/components/primer/truncate.css.map +1 -0
  71. data/app/components/primer/truncate.pcss +30 -0
  72. data/app/forms/name_with_question_mark_form/enabled_caption.html.erb +1 -0
  73. data/app/forms/name_with_question_mark_form.rb +11 -0
  74. data/app/lib/primer/css/layout.css +1918 -0
  75. data/app/lib/primer/css/layout.css.json +1 -0
  76. data/app/lib/primer/css/utilities.css +7304 -0
  77. data/app/lib/primer/css/utilities.css.json +1 -0
  78. data/lib/primer/classify/utilities.rb +1 -1
  79. data/lib/primer/deprecations.rb +2 -1
  80. data/lib/primer/forms/base.rb +7 -3
  81. data/lib/primer/view_components/version.rb +1 -1
  82. data/lib/tasks/docs.rake +3 -3
  83. data/lib/tasks/test.rake +8 -0
  84. data/lib/tasks/utilities.rake +3 -18
  85. data/previews/primer/alpha/banner_preview/with_action_button.html.erb +4 -0
  86. data/previews/primer/{beta → alpha}/banner_preview/with_action_content.html.erb +1 -1
  87. data/previews/primer/alpha/banner_preview.rb +97 -0
  88. data/previews/primer/alpha/segmented_control_preview.rb +106 -20
  89. data/previews/primer/beta/counter_preview.rb +55 -8
  90. data/previews/primer/beta/progress_bar_preview.rb +60 -0
  91. data/previews/primer/forms/forms_preview/name_with_question_mark_form.html.erb +3 -0
  92. data/previews/primer/forms/forms_preview.rb +2 -0
  93. data/static/arguments.json +76 -76
  94. data/static/audited_at.json +2 -1
  95. data/static/constants.json +34 -26
  96. data/static/statuses.json +3 -2
  97. metadata +64 -16
  98. data/app/components/primer/beta/banner.css.json +0 -1
  99. data/previews/primer/beta/banner_preview/with_action_button.html.erb +0 -4
  100. data/previews/primer/beta/banner_preview.rb +0 -54
  101. data/previews/primer/progress_bar_component_preview.rb +0 -28
@@ -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",
@@ -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": "",
@@ -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": "beta",
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.108
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-01 00:00:00.000000000 Z
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,4 +0,0 @@
1
- <%= render(Primer::Beta::Banner.new(full: full, dismissible: dismissible, icon: icon, scheme: scheme, reappear: reappear)) do |component| %>
2
- <% component.with_action_button(size: :medium) { "Take action" } %>
3
- <%= content %>
4
- <% end %>
@@ -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