@primer/view-components 0.20.0-rc.5259187e → 0.20.0-rc.598c4a33
Sign up to get free protection for your applications and to get access to all the features.
- package/app/assets/javascripts/app/components/primer/alpha/action_list.d.ts +16 -0
- package/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +3 -0
- package/app/assets/javascripts/app/components/primer/primer.d.ts +1 -0
- package/app/assets/javascripts/primer_view_components.js +1 -1
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/assets/styles/primer_view_components.css +1 -1
- package/app/assets/styles/primer_view_components.css.map +1 -1
- package/app/components/primer/alpha/action_list.css +1 -1
- package/app/components/primer/alpha/action_list.css.json +2 -0
- package/app/components/primer/alpha/action_list.d.ts +16 -0
- package/app/components/primer/alpha/action_list.js +69 -0
- package/app/components/primer/alpha/banner.css +1 -1
- package/app/components/primer/alpha/dialog.css +1 -1
- package/app/components/primer/alpha/dialog.css.json +2 -0
- package/app/components/primer/beta/breadcrumbs.css +1 -1
- package/app/components/primer/beta/button.css +1 -1
- package/app/components/primer/beta/button.css.json +1 -0
- package/app/components/primer/beta/flash.css +1 -1
- package/app/components/primer/beta/nav_list.d.ts +3 -0
- package/app/components/primer/beta/nav_list.js +25 -2
- package/app/components/primer/beta/nav_list_group_element.js +4 -1
- package/app/components/primer/primer.d.ts +1 -0
- package/app/components/primer/primer.js +1 -0
- package/lib/primer/forms/primer_text_field.js +2 -2
- package/package.json +2 -2
- package/static/arguments.json +7 -7
- package/static/constants.json +15 -0
- package/static/info_arch.json +150 -7
- package/static/previews.json +143 -0
package/static/info_arch.json
CHANGED
@@ -746,6 +746,58 @@
|
|
746
746
|
"color-contrast"
|
747
747
|
]
|
748
748
|
}
|
749
|
+
},
|
750
|
+
{
|
751
|
+
"preview_path": "primer/alpha/action_list/long_label_with_tooltip",
|
752
|
+
"name": "long_label_with_tooltip",
|
753
|
+
"snapshot": "true",
|
754
|
+
"skip_rules": {
|
755
|
+
"wont_fix": [
|
756
|
+
"region"
|
757
|
+
],
|
758
|
+
"will_fix": [
|
759
|
+
"color-contrast"
|
760
|
+
]
|
761
|
+
}
|
762
|
+
},
|
763
|
+
{
|
764
|
+
"preview_path": "primer/alpha/action_list/long_label_wrap",
|
765
|
+
"name": "long_label_wrap",
|
766
|
+
"snapshot": "false",
|
767
|
+
"skip_rules": {
|
768
|
+
"wont_fix": [
|
769
|
+
"region"
|
770
|
+
],
|
771
|
+
"will_fix": [
|
772
|
+
"color-contrast"
|
773
|
+
]
|
774
|
+
}
|
775
|
+
},
|
776
|
+
{
|
777
|
+
"preview_path": "primer/alpha/action_list/long_label_truncate_no_tooltip",
|
778
|
+
"name": "long_label_truncate_no_tooltip",
|
779
|
+
"snapshot": "false",
|
780
|
+
"skip_rules": {
|
781
|
+
"wont_fix": [
|
782
|
+
"region"
|
783
|
+
],
|
784
|
+
"will_fix": [
|
785
|
+
"color-contrast"
|
786
|
+
]
|
787
|
+
}
|
788
|
+
},
|
789
|
+
{
|
790
|
+
"preview_path": "primer/alpha/action_list/long_label_show_tooltip_with_truncate_label",
|
791
|
+
"name": "long_label_show_tooltip_with_truncate_label",
|
792
|
+
"snapshot": "false",
|
793
|
+
"skip_rules": {
|
794
|
+
"wont_fix": [
|
795
|
+
"region"
|
796
|
+
],
|
797
|
+
"will_fix": [
|
798
|
+
"color-contrast"
|
799
|
+
]
|
800
|
+
}
|
749
801
|
}
|
750
802
|
],
|
751
803
|
"subcomponents": [
|
@@ -813,9 +865,9 @@
|
|
813
865
|
},
|
814
866
|
{
|
815
867
|
"name": "truncate_label",
|
816
|
-
"type": "Boolean",
|
817
|
-
"default": "`
|
818
|
-
"description": "
|
868
|
+
"type": "Boolean | Symbol",
|
869
|
+
"default": "`:none`",
|
870
|
+
"description": "How the label should be truncated when the text does not fit inside the bounds of the list item. One of `false`, `:none`, `:show_tooltip`, `:truncate`, or `true`. Pass `false` or `:none` to wrap label text. Pass `true` or `:truncate` to truncate labels with ellipses. Pass `:show_tooltip` to show the entire label contents in a tooltip when the item is hovered."
|
819
871
|
},
|
820
872
|
{
|
821
873
|
"name": "href",
|
@@ -7127,6 +7179,19 @@
|
|
7127
7179
|
]
|
7128
7180
|
}
|
7129
7181
|
},
|
7182
|
+
{
|
7183
|
+
"preview_path": "primer/alpha/select/not_full_width",
|
7184
|
+
"name": "not_full_width",
|
7185
|
+
"snapshot": "true",
|
7186
|
+
"skip_rules": {
|
7187
|
+
"wont_fix": [
|
7188
|
+
"region"
|
7189
|
+
],
|
7190
|
+
"will_fix": [
|
7191
|
+
"color-contrast"
|
7192
|
+
]
|
7193
|
+
}
|
7194
|
+
},
|
7130
7195
|
{
|
7131
7196
|
"preview_path": "primer/alpha/select/disabled",
|
7132
7197
|
"name": "disabled",
|
@@ -7562,7 +7627,7 @@
|
|
7562
7627
|
"name": "full_width",
|
7563
7628
|
"type": "Boolean",
|
7564
7629
|
"default": "N/A",
|
7565
|
-
"description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
|
7630
|
+
"description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
|
7566
7631
|
},
|
7567
7632
|
{
|
7568
7633
|
"name": "name",
|
@@ -7745,6 +7810,19 @@
|
|
7745
7810
|
]
|
7746
7811
|
}
|
7747
7812
|
},
|
7813
|
+
{
|
7814
|
+
"preview_path": "primer/alpha/text_area/not_full_width",
|
7815
|
+
"name": "not_full_width",
|
7816
|
+
"snapshot": "true",
|
7817
|
+
"skip_rules": {
|
7818
|
+
"wont_fix": [
|
7819
|
+
"region"
|
7820
|
+
],
|
7821
|
+
"will_fix": [
|
7822
|
+
"color-contrast"
|
7823
|
+
]
|
7824
|
+
}
|
7825
|
+
},
|
7748
7826
|
{
|
7749
7827
|
"preview_path": "primer/alpha/text_area/disabled",
|
7750
7828
|
"name": "disabled",
|
@@ -7813,7 +7891,7 @@
|
|
7813
7891
|
"name": "full_width",
|
7814
7892
|
"type": "Boolean",
|
7815
7893
|
"default": "N/A",
|
7816
|
-
"description": "When set to `true`, the field will take up all the horizontal space allowed by its container."
|
7894
|
+
"description": "When set to `true`, the field will take up all the horizontal space allowed by its container. Defaults to `true`."
|
7817
7895
|
},
|
7818
7896
|
{
|
7819
7897
|
"name": "name",
|
@@ -8090,6 +8168,19 @@
|
|
8090
8168
|
]
|
8091
8169
|
}
|
8092
8170
|
},
|
8171
|
+
{
|
8172
|
+
"preview_path": "primer/alpha/text_field/not_full_width",
|
8173
|
+
"name": "not_full_width",
|
8174
|
+
"snapshot": "true",
|
8175
|
+
"skip_rules": {
|
8176
|
+
"wont_fix": [
|
8177
|
+
"region"
|
8178
|
+
],
|
8179
|
+
"will_fix": [
|
8180
|
+
"color-contrast"
|
8181
|
+
]
|
8182
|
+
}
|
8183
|
+
},
|
8093
8184
|
{
|
8094
8185
|
"preview_path": "primer/alpha/text_field/disabled",
|
8095
8186
|
"name": "disabled",
|
@@ -8319,13 +8410,13 @@
|
|
8319
8410
|
"name": "size",
|
8320
8411
|
"type": "Symbol",
|
8321
8412
|
"default": "`:medium`",
|
8322
|
-
"description": "What size toggle switch to render. One of `:
|
8413
|
+
"description": "What size toggle switch to render. One of `:medium` or `:small`."
|
8323
8414
|
},
|
8324
8415
|
{
|
8325
8416
|
"name": "status_label_position",
|
8326
8417
|
"type": "Symbol",
|
8327
8418
|
"default": "`:start`",
|
8328
|
-
"description": "Which side of the toggle switch to render the status label. One of `:
|
8419
|
+
"description": "Which side of the toggle switch to render the status label. One of `:end` or `:start`."
|
8329
8420
|
},
|
8330
8421
|
{
|
8331
8422
|
"name": "system_arguments",
|
@@ -13115,6 +13206,58 @@
|
|
13115
13206
|
"color-contrast"
|
13116
13207
|
]
|
13117
13208
|
}
|
13209
|
+
},
|
13210
|
+
{
|
13211
|
+
"preview_path": "primer/beta/nav_list/long_label_with_tooltip",
|
13212
|
+
"name": "long_label_with_tooltip",
|
13213
|
+
"snapshot": "true",
|
13214
|
+
"skip_rules": {
|
13215
|
+
"wont_fix": [
|
13216
|
+
"region"
|
13217
|
+
],
|
13218
|
+
"will_fix": [
|
13219
|
+
"color-contrast"
|
13220
|
+
]
|
13221
|
+
}
|
13222
|
+
},
|
13223
|
+
{
|
13224
|
+
"preview_path": "primer/beta/nav_list/long_label_wrap",
|
13225
|
+
"name": "long_label_wrap",
|
13226
|
+
"snapshot": "false",
|
13227
|
+
"skip_rules": {
|
13228
|
+
"wont_fix": [
|
13229
|
+
"region"
|
13230
|
+
],
|
13231
|
+
"will_fix": [
|
13232
|
+
"color-contrast"
|
13233
|
+
]
|
13234
|
+
}
|
13235
|
+
},
|
13236
|
+
{
|
13237
|
+
"preview_path": "primer/beta/nav_list/long_label_truncate_no_tooltip",
|
13238
|
+
"name": "long_label_truncate_no_tooltip",
|
13239
|
+
"snapshot": "false",
|
13240
|
+
"skip_rules": {
|
13241
|
+
"wont_fix": [
|
13242
|
+
"region"
|
13243
|
+
],
|
13244
|
+
"will_fix": [
|
13245
|
+
"color-contrast"
|
13246
|
+
]
|
13247
|
+
}
|
13248
|
+
},
|
13249
|
+
{
|
13250
|
+
"preview_path": "primer/beta/nav_list/long_label_show_tooltip_no_truncate_label",
|
13251
|
+
"name": "long_label_show_tooltip_no_truncate_label",
|
13252
|
+
"snapshot": "false",
|
13253
|
+
"skip_rules": {
|
13254
|
+
"wont_fix": [
|
13255
|
+
"region"
|
13256
|
+
],
|
13257
|
+
"will_fix": [
|
13258
|
+
"color-contrast"
|
13259
|
+
]
|
13260
|
+
}
|
13118
13261
|
}
|
13119
13262
|
],
|
13120
13263
|
"subcomponents": [
|
package/static/previews.json
CHANGED
@@ -376,6 +376,58 @@
|
|
376
376
|
"color-contrast"
|
377
377
|
]
|
378
378
|
}
|
379
|
+
},
|
380
|
+
{
|
381
|
+
"preview_path": "primer/alpha/action_list/long_label_with_tooltip",
|
382
|
+
"name": "long_label_with_tooltip",
|
383
|
+
"snapshot": "true",
|
384
|
+
"skip_rules": {
|
385
|
+
"wont_fix": [
|
386
|
+
"region"
|
387
|
+
],
|
388
|
+
"will_fix": [
|
389
|
+
"color-contrast"
|
390
|
+
]
|
391
|
+
}
|
392
|
+
},
|
393
|
+
{
|
394
|
+
"preview_path": "primer/alpha/action_list/long_label_wrap",
|
395
|
+
"name": "long_label_wrap",
|
396
|
+
"snapshot": "false",
|
397
|
+
"skip_rules": {
|
398
|
+
"wont_fix": [
|
399
|
+
"region"
|
400
|
+
],
|
401
|
+
"will_fix": [
|
402
|
+
"color-contrast"
|
403
|
+
]
|
404
|
+
}
|
405
|
+
},
|
406
|
+
{
|
407
|
+
"preview_path": "primer/alpha/action_list/long_label_truncate_no_tooltip",
|
408
|
+
"name": "long_label_truncate_no_tooltip",
|
409
|
+
"snapshot": "false",
|
410
|
+
"skip_rules": {
|
411
|
+
"wont_fix": [
|
412
|
+
"region"
|
413
|
+
],
|
414
|
+
"will_fix": [
|
415
|
+
"color-contrast"
|
416
|
+
]
|
417
|
+
}
|
418
|
+
},
|
419
|
+
{
|
420
|
+
"preview_path": "primer/alpha/action_list/long_label_show_tooltip_with_truncate_label",
|
421
|
+
"name": "long_label_show_tooltip_with_truncate_label",
|
422
|
+
"snapshot": "false",
|
423
|
+
"skip_rules": {
|
424
|
+
"wont_fix": [
|
425
|
+
"region"
|
426
|
+
],
|
427
|
+
"will_fix": [
|
428
|
+
"color-contrast"
|
429
|
+
]
|
430
|
+
}
|
379
431
|
}
|
380
432
|
]
|
381
433
|
},
|
@@ -4577,6 +4629,58 @@
|
|
4577
4629
|
"color-contrast"
|
4578
4630
|
]
|
4579
4631
|
}
|
4632
|
+
},
|
4633
|
+
{
|
4634
|
+
"preview_path": "primer/beta/nav_list/long_label_with_tooltip",
|
4635
|
+
"name": "long_label_with_tooltip",
|
4636
|
+
"snapshot": "true",
|
4637
|
+
"skip_rules": {
|
4638
|
+
"wont_fix": [
|
4639
|
+
"region"
|
4640
|
+
],
|
4641
|
+
"will_fix": [
|
4642
|
+
"color-contrast"
|
4643
|
+
]
|
4644
|
+
}
|
4645
|
+
},
|
4646
|
+
{
|
4647
|
+
"preview_path": "primer/beta/nav_list/long_label_wrap",
|
4648
|
+
"name": "long_label_wrap",
|
4649
|
+
"snapshot": "false",
|
4650
|
+
"skip_rules": {
|
4651
|
+
"wont_fix": [
|
4652
|
+
"region"
|
4653
|
+
],
|
4654
|
+
"will_fix": [
|
4655
|
+
"color-contrast"
|
4656
|
+
]
|
4657
|
+
}
|
4658
|
+
},
|
4659
|
+
{
|
4660
|
+
"preview_path": "primer/beta/nav_list/long_label_truncate_no_tooltip",
|
4661
|
+
"name": "long_label_truncate_no_tooltip",
|
4662
|
+
"snapshot": "false",
|
4663
|
+
"skip_rules": {
|
4664
|
+
"wont_fix": [
|
4665
|
+
"region"
|
4666
|
+
],
|
4667
|
+
"will_fix": [
|
4668
|
+
"color-contrast"
|
4669
|
+
]
|
4670
|
+
}
|
4671
|
+
},
|
4672
|
+
{
|
4673
|
+
"preview_path": "primer/beta/nav_list/long_label_show_tooltip_no_truncate_label",
|
4674
|
+
"name": "long_label_show_tooltip_no_truncate_label",
|
4675
|
+
"snapshot": "false",
|
4676
|
+
"skip_rules": {
|
4677
|
+
"wont_fix": [
|
4678
|
+
"region"
|
4679
|
+
],
|
4680
|
+
"will_fix": [
|
4681
|
+
"color-contrast"
|
4682
|
+
]
|
4683
|
+
}
|
4580
4684
|
}
|
4581
4685
|
]
|
4582
4686
|
},
|
@@ -5451,6 +5555,19 @@
|
|
5451
5555
|
]
|
5452
5556
|
}
|
5453
5557
|
},
|
5558
|
+
{
|
5559
|
+
"preview_path": "primer/alpha/select/not_full_width",
|
5560
|
+
"name": "not_full_width",
|
5561
|
+
"snapshot": "true",
|
5562
|
+
"skip_rules": {
|
5563
|
+
"wont_fix": [
|
5564
|
+
"region"
|
5565
|
+
],
|
5566
|
+
"will_fix": [
|
5567
|
+
"color-contrast"
|
5568
|
+
]
|
5569
|
+
}
|
5570
|
+
},
|
5454
5571
|
{
|
5455
5572
|
"preview_path": "primer/alpha/select/disabled",
|
5456
5573
|
"name": "disabled",
|
@@ -5975,6 +6092,19 @@
|
|
5975
6092
|
]
|
5976
6093
|
}
|
5977
6094
|
},
|
6095
|
+
{
|
6096
|
+
"preview_path": "primer/alpha/text_area/not_full_width",
|
6097
|
+
"name": "not_full_width",
|
6098
|
+
"snapshot": "true",
|
6099
|
+
"skip_rules": {
|
6100
|
+
"wont_fix": [
|
6101
|
+
"region"
|
6102
|
+
],
|
6103
|
+
"will_fix": [
|
6104
|
+
"color-contrast"
|
6105
|
+
]
|
6106
|
+
}
|
6107
|
+
},
|
5978
6108
|
{
|
5979
6109
|
"preview_path": "primer/alpha/text_area/disabled",
|
5980
6110
|
"name": "disabled",
|
@@ -6139,6 +6269,19 @@
|
|
6139
6269
|
]
|
6140
6270
|
}
|
6141
6271
|
},
|
6272
|
+
{
|
6273
|
+
"preview_path": "primer/alpha/text_field/not_full_width",
|
6274
|
+
"name": "not_full_width",
|
6275
|
+
"snapshot": "true",
|
6276
|
+
"skip_rules": {
|
6277
|
+
"wont_fix": [
|
6278
|
+
"region"
|
6279
|
+
],
|
6280
|
+
"will_fix": [
|
6281
|
+
"color-contrast"
|
6282
|
+
]
|
6283
|
+
}
|
6284
|
+
},
|
6142
6285
|
{
|
6143
6286
|
"preview_path": "primer/alpha/text_field/disabled",
|
6144
6287
|
"name": "disabled",
|