@primer/view-components 0.20.0-rc.1525d674 → 0.20.0-rc.1a02a815

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. package/app/assets/javascripts/app/components/primer/alpha/action_list.d.ts +16 -0
  2. package/app/assets/javascripts/app/components/primer/beta/nav_list.d.ts +3 -0
  3. package/app/assets/javascripts/app/components/primer/primer.d.ts +1 -0
  4. package/app/assets/javascripts/primer_view_components.js +1 -1
  5. package/app/assets/javascripts/primer_view_components.js.map +1 -1
  6. package/app/assets/styles/primer_view_components.css +1 -1
  7. package/app/assets/styles/primer_view_components.css.map +1 -1
  8. package/app/components/primer/alpha/action_list.css +1 -1
  9. package/app/components/primer/alpha/action_list.css.json +2 -0
  10. package/app/components/primer/alpha/action_list.d.ts +16 -0
  11. package/app/components/primer/alpha/action_list.js +69 -0
  12. package/app/components/primer/alpha/dialog.css +1 -1
  13. package/app/components/primer/alpha/dialog.css.json +2 -0
  14. package/app/components/primer/beta/breadcrumbs.css +1 -1
  15. package/app/components/primer/beta/button.css +1 -1
  16. package/app/components/primer/beta/button.css.json +1 -0
  17. package/app/components/primer/beta/nav_list.d.ts +3 -0
  18. package/app/components/primer/beta/nav_list.js +25 -2
  19. package/app/components/primer/beta/nav_list_group_element.js +4 -1
  20. package/app/components/primer/primer.d.ts +1 -0
  21. package/app/components/primer/primer.js +1 -0
  22. package/lib/primer/forms/primer_text_field.js +2 -2
  23. package/package.json +2 -2
  24. package/static/arguments.json +5 -5
  25. package/static/constants.json +15 -0
  26. package/static/info_arch.json +109 -5
  27. package/static/previews.json +104 -0
@@ -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": "`false`",
818
- "description": "Truncate label with ellipsis."
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",
@@ -8319,13 +8371,13 @@
8319
8371
  "name": "size",
8320
8372
  "type": "Symbol",
8321
8373
  "default": "`:medium`",
8322
- "description": "What size toggle switch to render. One of `:end` or `:start`."
8374
+ "description": "What size toggle switch to render. One of `:medium` or `:small`."
8323
8375
  },
8324
8376
  {
8325
8377
  "name": "status_label_position",
8326
8378
  "type": "Symbol",
8327
8379
  "default": "`:start`",
8328
- "description": "Which side of the toggle switch to render the status label. One of `:medium` or `:small`."
8380
+ "description": "Which side of the toggle switch to render the status label. One of `:end` or `:start`."
8329
8381
  },
8330
8382
  {
8331
8383
  "name": "system_arguments",
@@ -13115,6 +13167,58 @@
13115
13167
  "color-contrast"
13116
13168
  ]
13117
13169
  }
13170
+ },
13171
+ {
13172
+ "preview_path": "primer/beta/nav_list/long_label_with_tooltip",
13173
+ "name": "long_label_with_tooltip",
13174
+ "snapshot": "true",
13175
+ "skip_rules": {
13176
+ "wont_fix": [
13177
+ "region"
13178
+ ],
13179
+ "will_fix": [
13180
+ "color-contrast"
13181
+ ]
13182
+ }
13183
+ },
13184
+ {
13185
+ "preview_path": "primer/beta/nav_list/long_label_wrap",
13186
+ "name": "long_label_wrap",
13187
+ "snapshot": "false",
13188
+ "skip_rules": {
13189
+ "wont_fix": [
13190
+ "region"
13191
+ ],
13192
+ "will_fix": [
13193
+ "color-contrast"
13194
+ ]
13195
+ }
13196
+ },
13197
+ {
13198
+ "preview_path": "primer/beta/nav_list/long_label_truncate_no_tooltip",
13199
+ "name": "long_label_truncate_no_tooltip",
13200
+ "snapshot": "false",
13201
+ "skip_rules": {
13202
+ "wont_fix": [
13203
+ "region"
13204
+ ],
13205
+ "will_fix": [
13206
+ "color-contrast"
13207
+ ]
13208
+ }
13209
+ },
13210
+ {
13211
+ "preview_path": "primer/beta/nav_list/long_label_show_tooltip_no_truncate_label",
13212
+ "name": "long_label_show_tooltip_no_truncate_label",
13213
+ "snapshot": "false",
13214
+ "skip_rules": {
13215
+ "wont_fix": [
13216
+ "region"
13217
+ ],
13218
+ "will_fix": [
13219
+ "color-contrast"
13220
+ ]
13221
+ }
13118
13222
  }
13119
13223
  ],
13120
13224
  "subcomponents": [
@@ -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
  },