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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/app/assets/styles/primer_view_components.css +1 -1
  2. package/app/assets/styles/primer_view_components.css.map +1 -1
  3. package/app/components/primer/beta/breadcrumbs.css +1 -1
  4. package/package.json +1 -1
  5. package/static/arguments.json +3 -3
  6. package/static/constants.json +15 -0
  7. package/static/info_arch.json +107 -3
  8. package/static/previews.json +104 -0
package/app/components/primer/beta/breadcrumbs.css CHANGED
@@ -1 +1 @@
1
- .breadcrumb-item{display:inline-block;list-style:none;margin-left:-.35em;white-space:nowrap}.breadcrumb-item:after{border-right:.1em solid var(--borderColor-neutral-emphasis,var(--color-fg-subtle));content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--fgColor-default,var(--color-fg-default))}
1
+ .breadcrumb-item{display:inline-block;list-style:none;margin-left:-.35em;white-space:nowrap}.breadcrumb-item:after{border-right:.1em solid var(--borderColor-neutral-emphasis,var(--color-fg-subtle));content:"";display:inline-block;height:.8em;margin:0 .5em;transform:rotate(15deg) translateY(.0625em)}.breadcrumb-item:first-child{margin-left:0}.breadcrumb-item-selected:after,.breadcrumb-item[aria-current]:not([aria-current=false]):after{content:none}.breadcrumb-item-selected a{color:var(--fgColor-default,var(--color-fg-default));cursor:default!important;-webkit-text-decoration:none!important;text-decoration:none!important}
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.9179aa3c",
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
  },