@primer/view-components 0.20.0-rc.6e64a5b7 → 0.20.0-rc.cb00c04a

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/static/arguments.json +3 -3
  3. package/static/constants.json +15 -0
  4. package/static/info_arch.json +107 -3
  5. package/static/previews.json +104 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/view-components",
3
- "version": "0.20.0-rc.6e64a5b7",
3
+ "version": "0.20.0-rc.cb00c04a",
4
4
  "description": "ViewComponents for the Primer Design System",
5
5
  "main": "app/assets/javascripts/primer_view_components.js",
6
6
  "module": "app/components/primer/primer.js",
package/static/arguments.json CHANGED
@@ -249,9 +249,9 @@
249
249
  },
250
250
  {
251
251
  "name": "truncate_label",
252
- "type": "Boolean",
253
- "default": "`false`",
254
- "description": "Truncate label with ellipsis."
252
+ "type": "Boolean | Symbol",
253
+ "default": "`:none`",
254
+ "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."
255
255
  },
256
256
  {
257
257
  "name": "href",
package/static/constants.json CHANGED
@@ -95,6 +95,7 @@
95
95
  "DEFAULT_DESCRIPTION_SCHEME": "block",
96
96
  "DEFAULT_SCHEME": "default",
97
97
  "DEFAULT_SIZE": "medium",
98
+ "DEFAULT_TRUNCATION_BEHAVIOR": "none",
98
99
  "DESCRIPTION_SCHEME_MAPPINGS": {
99
100
  "inline": "ActionListItem-descriptionWrap--inline",
100
101
  "block": "ActionListItem-descriptionWrap"
@@ -120,6 +121,20 @@
120
121
  "medium",
121
122
  "large",
122
123
  "xlarge"
124
+ ],
125
+ "TRUNCATION_BEHAVIOR_MAPPINGS": {
126
+ "none": null,
127
+ "false": null,
128
+ "show_tooltip": "ActionListItem-label--truncate",
129
+ "truncate": "ActionListItem-label--truncate",
130
+ "true": "ActionListItem-label--truncate"
131
+ },
132
+ "TRUNCATION_BEHAVIOR_OPTIONS": [
133
+ "none",
134
+ false,
135
+ "show_tooltip",
136
+ "truncate",
137
+ true
123
138
  ]
124
139
  },
125
140
  "Primer::Alpha::ActionMenu": {
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": "`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",
@@ -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": [
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
  },