@mixtint/primer-view-components 0.78.0 → 0.84.5

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 (71) hide show
  1. package/README.md +20 -1
  2. package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view.d.ts +1 -0
  3. package/app/assets/javascripts/components/primer/open_project/avatar_fallback.d.ts +28 -0
  4. package/app/assets/javascripts/components/primer/primer.d.ts +2 -0
  5. package/app/assets/javascripts/lib/primer/forms/character_counter.d.ts +41 -0
  6. package/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts +13 -0
  7. package/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +2 -0
  8. package/app/assets/javascripts/primer_view_components.js +1 -1
  9. package/app/assets/javascripts/primer_view_components.js.map +1 -1
  10. package/app/assets/styles/primer_view_components.css +343 -22
  11. package/app/assets/styles/primer_view_components.css.map +1 -1
  12. package/app/components/primer/alpha/action_bar_element.js +68 -77
  13. package/app/components/primer/alpha/action_list.css +1 -1
  14. package/app/components/primer/alpha/action_list.js +1 -1
  15. package/app/components/primer/alpha/action_menu/action_menu_element.js +5 -1
  16. package/app/components/primer/alpha/dialog.css +12 -0
  17. package/app/components/primer/alpha/dialog.css.json +2 -1
  18. package/app/components/primer/alpha/segmented_control.js +1 -1
  19. package/app/components/primer/alpha/select_panel_element.js +4 -2
  20. package/app/components/primer/alpha/tab_nav.css +8 -1
  21. package/app/components/primer/alpha/tab_nav.css.json +1 -0
  22. package/app/components/primer/alpha/toggle_switch.js +1 -1
  23. package/app/components/primer/alpha/tool_tip.js +13 -6
  24. package/app/components/primer/alpha/tree_view/tree_view.d.ts +1 -0
  25. package/app/components/primer/alpha/tree_view/tree_view.js +24 -17
  26. package/app/components/primer/alpha/tree_view/tree_view_icon_pair_element.js +1 -1
  27. package/app/components/primer/alpha/tree_view/tree_view_include_fragment_element.js +1 -1
  28. package/app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.js +25 -2
  29. package/app/components/primer/alpha/x_banner.js +1 -1
  30. package/app/components/primer/beta/avatar_stack.css +21 -31
  31. package/app/components/primer/beta/avatar_stack.css.json +7 -4
  32. package/app/components/primer/beta/blankslate.css +7 -0
  33. package/app/components/primer/beta/blankslate.css.json +1 -0
  34. package/app/components/primer/beta/details_toggle_element.js +1 -1
  35. package/app/components/primer/beta/nav_list.js +1 -1
  36. package/app/components/primer/beta/nav_list_group_element.js +1 -1
  37. package/app/components/primer/beta/state.css +1 -2
  38. package/app/components/primer/beta/timeline_item.css +2 -1
  39. package/app/components/primer/dialog_helper.js +24 -9
  40. package/app/components/primer/open_project/avatar_fallback.d.ts +28 -0
  41. package/app/components/primer/open_project/avatar_fallback.js +105 -0
  42. package/app/components/primer/open_project/avatar_stack.css +29 -0
  43. package/app/components/primer/open_project/avatar_stack.css.json +10 -0
  44. package/app/components/primer/open_project/border_box/collapsible_header.css +72 -10
  45. package/app/components/primer/open_project/border_box/collapsible_header.css.json +9 -2
  46. package/app/components/primer/open_project/inline_message.css +42 -0
  47. package/app/components/primer/open_project/inline_message.css.json +13 -0
  48. package/app/components/primer/open_project/page_header.css +40 -3
  49. package/app/components/primer/open_project/page_header.css.json +8 -1
  50. package/app/components/primer/open_project/pagination.css +87 -0
  51. package/app/components/primer/open_project/pagination.css.json +24 -0
  52. package/app/components/primer/primer.d.ts +2 -0
  53. package/app/components/primer/primer.js +2 -0
  54. package/app/components/primer/scrollable_region.js +1 -1
  55. package/app/lib/primer/forms/character_counter.d.ts +41 -0
  56. package/app/lib/primer/forms/character_counter.js +114 -0
  57. package/app/lib/primer/forms/primer_multi_input.js +1 -1
  58. package/app/lib/primer/forms/primer_text_area.d.ts +13 -0
  59. package/app/lib/primer/forms/primer_text_area.js +53 -0
  60. package/app/lib/primer/forms/primer_text_field.d.ts +2 -0
  61. package/app/lib/primer/forms/primer_text_field.js +17 -3
  62. package/app/lib/primer/forms/toggle_switch_input.js +1 -1
  63. package/package.json +23 -22
  64. package/static/arguments.json +234 -2
  65. package/static/audited_at.json +6 -0
  66. package/static/classes.json +27 -2
  67. package/static/constants.json +66 -1
  68. package/static/form_previews.json +15 -0
  69. package/static/info_arch.json +821 -82
  70. package/static/previews.json +432 -9
  71. package/static/statuses.json +6 -0
@@ -827,6 +827,19 @@
827
827
  ]
828
828
  }
829
829
  },
830
+ {
831
+ "preview_path": "primer/alpha/action_menu/fullscreen_when_narrow",
832
+ "name": "fullscreen_when_narrow",
833
+ "snapshot": "false",
834
+ "skip_rules": {
835
+ "wont_fix": [
836
+ "region"
837
+ ],
838
+ "will_fix": [
839
+ "color-contrast"
840
+ ]
841
+ }
842
+ },
830
843
  {
831
844
  "preview_path": "primer/alpha/action_menu/sub_menus",
832
845
  "name": "sub_menus",
@@ -1482,6 +1495,183 @@
1482
1495
  "color-contrast"
1483
1496
  ]
1484
1497
  }
1498
+ },
1499
+ {
1500
+ "preview_path": "primer/beta/avatar_stack/with_individual_tooltips",
1501
+ "name": "with_individual_tooltips",
1502
+ "snapshot": "false",
1503
+ "skip_rules": {
1504
+ "wont_fix": [
1505
+ "region"
1506
+ ],
1507
+ "will_fix": [
1508
+ "color-contrast"
1509
+ ]
1510
+ }
1511
+ },
1512
+ {
1513
+ "preview_path": "primer/beta/avatar_stack/with_disabled_expand",
1514
+ "name": "with_disabled_expand",
1515
+ "snapshot": "false",
1516
+ "skip_rules": {
1517
+ "wont_fix": [
1518
+ "region"
1519
+ ],
1520
+ "will_fix": [
1521
+ "color-contrast"
1522
+ ]
1523
+ }
1524
+ }
1525
+ ]
1526
+ },
1527
+ {
1528
+ "name": "avatar_with_fallback",
1529
+ "component": "OpenProject::AvatarWithFallback",
1530
+ "status": "open_project",
1531
+ "lookup_path": "primer/open_project/avatar_with_fallback",
1532
+ "examples": [
1533
+ {
1534
+ "preview_path": "primer/open_project/avatar_with_fallback/playground",
1535
+ "name": "playground",
1536
+ "snapshot": "false",
1537
+ "skip_rules": {
1538
+ "wont_fix": [
1539
+ "region"
1540
+ ],
1541
+ "will_fix": [
1542
+ "color-contrast"
1543
+ ]
1544
+ }
1545
+ },
1546
+ {
1547
+ "preview_path": "primer/open_project/avatar_with_fallback/default",
1548
+ "name": "default",
1549
+ "snapshot": "true",
1550
+ "skip_rules": {
1551
+ "wont_fix": [
1552
+ "region"
1553
+ ],
1554
+ "will_fix": [
1555
+ "color-contrast"
1556
+ ]
1557
+ }
1558
+ },
1559
+ {
1560
+ "preview_path": "primer/open_project/avatar_with_fallback/with_image",
1561
+ "name": "with_image",
1562
+ "snapshot": "true",
1563
+ "skip_rules": {
1564
+ "wont_fix": [
1565
+ "region"
1566
+ ],
1567
+ "will_fix": [
1568
+ "color-contrast"
1569
+ ]
1570
+ }
1571
+ },
1572
+ {
1573
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_default",
1574
+ "name": "fallback_default",
1575
+ "snapshot": "true",
1576
+ "skip_rules": {
1577
+ "wont_fix": [
1578
+ "region"
1579
+ ],
1580
+ "will_fix": [
1581
+ "color-contrast"
1582
+ ]
1583
+ }
1584
+ },
1585
+ {
1586
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_single_name",
1587
+ "name": "fallback_single_name",
1588
+ "snapshot": "true",
1589
+ "skip_rules": {
1590
+ "wont_fix": [
1591
+ "region"
1592
+ ],
1593
+ "will_fix": [
1594
+ "color-contrast"
1595
+ ]
1596
+ }
1597
+ },
1598
+ {
1599
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_multiple",
1600
+ "name": "fallback_multiple",
1601
+ "snapshot": "false",
1602
+ "skip_rules": {
1603
+ "wont_fix": [
1604
+ "region"
1605
+ ],
1606
+ "will_fix": [
1607
+ "color-contrast"
1608
+ ]
1609
+ }
1610
+ },
1611
+ {
1612
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_sizes",
1613
+ "name": "fallback_sizes",
1614
+ "snapshot": "false",
1615
+ "skip_rules": {
1616
+ "wont_fix": [
1617
+ "region"
1618
+ ],
1619
+ "will_fix": [
1620
+ "color-contrast"
1621
+ ]
1622
+ }
1623
+ },
1624
+ {
1625
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_square",
1626
+ "name": "fallback_square",
1627
+ "snapshot": "true",
1628
+ "skip_rules": {
1629
+ "wont_fix": [
1630
+ "region"
1631
+ ],
1632
+ "will_fix": [
1633
+ "color-contrast"
1634
+ ]
1635
+ }
1636
+ },
1637
+ {
1638
+ "preview_path": "primer/open_project/avatar_with_fallback/fallback_as_link",
1639
+ "name": "fallback_as_link",
1640
+ "snapshot": "false",
1641
+ "skip_rules": {
1642
+ "wont_fix": [
1643
+ "region"
1644
+ ],
1645
+ "will_fix": [
1646
+ "color-contrast"
1647
+ ]
1648
+ }
1649
+ },
1650
+ {
1651
+ "preview_path": "primer/open_project/avatar_with_fallback/broken_image_404",
1652
+ "name": "broken_image_404",
1653
+ "snapshot": "true",
1654
+ "skip_rules": {
1655
+ "wont_fix": [
1656
+ "region"
1657
+ ],
1658
+ "will_fix": [
1659
+ "color-contrast"
1660
+ ]
1661
+ }
1662
+ },
1663
+ {
1664
+ "preview_path": "primer/open_project/avatar_with_fallback/multiple_broken_images",
1665
+ "name": "multiple_broken_images",
1666
+ "snapshot": "false",
1667
+ "skip_rules": {
1668
+ "wont_fix": [
1669
+ "region"
1670
+ ],
1671
+ "will_fix": [
1672
+ "color-contrast"
1673
+ ]
1674
+ }
1485
1675
  }
1486
1676
  ]
1487
1677
  },
@@ -4927,6 +5117,40 @@
4927
5117
  }
4928
5118
  ]
4929
5119
  },
5120
+ {
5121
+ "name": "inline_message",
5122
+ "component": "OpenProject::InlineMessage",
5123
+ "status": "open_project",
5124
+ "lookup_path": "primer/open_project/inline_message",
5125
+ "examples": [
5126
+ {
5127
+ "preview_path": "primer/open_project/inline_message/default",
5128
+ "name": "default",
5129
+ "snapshot": "true",
5130
+ "skip_rules": {
5131
+ "wont_fix": [
5132
+ "region"
5133
+ ],
5134
+ "will_fix": [
5135
+ "color-contrast"
5136
+ ]
5137
+ }
5138
+ },
5139
+ {
5140
+ "preview_path": "primer/open_project/inline_message/playground",
5141
+ "name": "playground",
5142
+ "snapshot": "false",
5143
+ "skip_rules": {
5144
+ "wont_fix": [
5145
+ "region"
5146
+ ],
5147
+ "will_fix": [
5148
+ "color-contrast"
5149
+ ]
5150
+ }
5151
+ }
5152
+ ]
5153
+ },
4930
5154
  {
4931
5155
  "name": "input_group",
4932
5156
  "component": "OpenProject::InputGroup",
@@ -5720,7 +5944,8 @@
5720
5944
  "snapshot": "true",
5721
5945
  "skip_rules": {
5722
5946
  "wont_fix": [
5723
- "region"
5947
+ "region",
5948
+ "label-title-only"
5724
5949
  ],
5725
5950
  "will_fix": [
5726
5951
  "color-contrast"
@@ -5936,13 +6161,13 @@
5936
6161
  ]
5937
6162
  },
5938
6163
  {
5939
- "name": "overlay",
5940
- "component": "Overlay",
5941
- "status": "alpha",
5942
- "lookup_path": "primer/alpha/overlay",
6164
+ "name": "avatar_stack",
6165
+ "component": "OpenProject::AvatarStack",
6166
+ "status": "open_project",
6167
+ "lookup_path": "primer/open_project/avatar_stack",
5943
6168
  "examples": [
5944
6169
  {
5945
- "preview_path": "primer/alpha/overlay/playground",
6170
+ "preview_path": "primer/open_project/avatar_stack/playground",
5946
6171
  "name": "playground",
5947
6172
  "snapshot": "false",
5948
6173
  "skip_rules": {
@@ -5955,8 +6180,47 @@
5955
6180
  }
5956
6181
  },
5957
6182
  {
5958
- "preview_path": "primer/alpha/overlay/default",
6183
+ "preview_path": "primer/open_project/avatar_stack/default",
5959
6184
  "name": "default",
6185
+ "snapshot": "true",
6186
+ "skip_rules": {
6187
+ "wont_fix": [
6188
+ "region"
6189
+ ],
6190
+ "will_fix": [
6191
+ "color-contrast"
6192
+ ]
6193
+ }
6194
+ },
6195
+ {
6196
+ "preview_path": "primer/open_project/avatar_stack/with_fallback_avatars",
6197
+ "name": "with_fallback_avatars",
6198
+ "snapshot": "true",
6199
+ "skip_rules": {
6200
+ "wont_fix": [
6201
+ "region"
6202
+ ],
6203
+ "will_fix": [
6204
+ "color-contrast"
6205
+ ]
6206
+ }
6207
+ },
6208
+ {
6209
+ "preview_path": "primer/open_project/avatar_stack/mixed_avatars",
6210
+ "name": "mixed_avatars",
6211
+ "snapshot": "false",
6212
+ "skip_rules": {
6213
+ "wont_fix": [
6214
+ "region"
6215
+ ],
6216
+ "will_fix": [
6217
+ "color-contrast"
6218
+ ]
6219
+ }
6220
+ },
6221
+ {
6222
+ "preview_path": "primer/open_project/avatar_stack/align_right_with_fallbacks",
6223
+ "name": "align_right_with_fallbacks",
5960
6224
  "snapshot": "false",
5961
6225
  "skip_rules": {
5962
6226
  "wont_fix": [
@@ -5968,8 +6232,42 @@
5968
6232
  }
5969
6233
  },
5970
6234
  {
5971
- "preview_path": "primer/alpha/overlay/menu_no_header",
5972
- "name": "menu_no_header",
6235
+ "preview_path": "primer/open_project/avatar_stack/with_tooltip_and_fallbacks",
6236
+ "name": "with_tooltip_and_fallbacks",
6237
+ "snapshot": "false",
6238
+ "skip_rules": {
6239
+ "wont_fix": [
6240
+ "region"
6241
+ ],
6242
+ "will_fix": [
6243
+ "color-contrast"
6244
+ ]
6245
+ }
6246
+ }
6247
+ ]
6248
+ },
6249
+ {
6250
+ "name": "overlay",
6251
+ "component": "Overlay",
6252
+ "status": "alpha",
6253
+ "lookup_path": "primer/alpha/overlay",
6254
+ "examples": [
6255
+ {
6256
+ "preview_path": "primer/alpha/overlay/playground",
6257
+ "name": "playground",
6258
+ "snapshot": "false",
6259
+ "skip_rules": {
6260
+ "wont_fix": [
6261
+ "region"
6262
+ ],
6263
+ "will_fix": [
6264
+ "color-contrast"
6265
+ ]
6266
+ }
6267
+ },
6268
+ {
6269
+ "preview_path": "primer/alpha/overlay/default",
6270
+ "name": "default",
5973
6271
  "snapshot": "false",
5974
6272
  "skip_rules": {
5975
6273
  "wont_fix": [
@@ -6276,6 +6574,40 @@
6276
6574
  }
6277
6575
  ]
6278
6576
  },
6577
+ {
6578
+ "name": "pagination",
6579
+ "component": "OpenProject::Pagination",
6580
+ "status": "open_project",
6581
+ "lookup_path": "primer/open_project/pagination",
6582
+ "examples": [
6583
+ {
6584
+ "preview_path": "primer/open_project/pagination/playground",
6585
+ "name": "playground",
6586
+ "snapshot": "false",
6587
+ "skip_rules": {
6588
+ "wont_fix": [
6589
+ "region"
6590
+ ],
6591
+ "will_fix": [
6592
+ "color-contrast"
6593
+ ]
6594
+ }
6595
+ },
6596
+ {
6597
+ "preview_path": "primer/open_project/pagination/default",
6598
+ "name": "default",
6599
+ "snapshot": "true",
6600
+ "skip_rules": {
6601
+ "wont_fix": [
6602
+ "region"
6603
+ ],
6604
+ "will_fix": [
6605
+ "color-contrast"
6606
+ ]
6607
+ }
6608
+ }
6609
+ ]
6610
+ },
6279
6611
  {
6280
6612
  "name": "popover",
6281
6613
  "component": "Popover",
@@ -8266,6 +8598,45 @@
8266
8598
  "color-contrast"
8267
8599
  ]
8268
8600
  }
8601
+ },
8602
+ {
8603
+ "preview_path": "primer/alpha/text_area/with_character_limit",
8604
+ "name": "with_character_limit",
8605
+ "snapshot": "interactive",
8606
+ "skip_rules": {
8607
+ "wont_fix": [
8608
+ "region"
8609
+ ],
8610
+ "will_fix": [
8611
+ "color-contrast"
8612
+ ]
8613
+ }
8614
+ },
8615
+ {
8616
+ "preview_path": "primer/alpha/text_area/with_character_limit_over_limit",
8617
+ "name": "with_character_limit_over_limit",
8618
+ "snapshot": "interactive",
8619
+ "skip_rules": {
8620
+ "wont_fix": [
8621
+ "region"
8622
+ ],
8623
+ "will_fix": [
8624
+ "color-contrast"
8625
+ ]
8626
+ }
8627
+ },
8628
+ {
8629
+ "preview_path": "primer/alpha/text_area/with_character_limit_and_caption",
8630
+ "name": "with_character_limit_and_caption",
8631
+ "snapshot": "true",
8632
+ "skip_rules": {
8633
+ "wont_fix": [
8634
+ "region"
8635
+ ],
8636
+ "will_fix": [
8637
+ "color-contrast"
8638
+ ]
8639
+ }
8269
8640
  }
8270
8641
  ]
8271
8642
  },
@@ -8379,6 +8750,19 @@
8379
8750
  ]
8380
8751
  }
8381
8752
  },
8753
+ {
8754
+ "preview_path": "primer/alpha/text_field/show_clear_button_with_custom_label",
8755
+ "name": "show_clear_button_with_custom_label",
8756
+ "snapshot": "true",
8757
+ "skip_rules": {
8758
+ "wont_fix": [
8759
+ "region"
8760
+ ],
8761
+ "will_fix": [
8762
+ "color-contrast"
8763
+ ]
8764
+ }
8765
+ },
8382
8766
  {
8383
8767
  "preview_path": "primer/alpha/text_field/full_width",
8384
8768
  "name": "full_width",
@@ -8561,6 +8945,45 @@
8561
8945
  ]
8562
8946
  }
8563
8947
  },
8948
+ {
8949
+ "preview_path": "primer/alpha/text_field/with_character_limit",
8950
+ "name": "with_character_limit",
8951
+ "snapshot": "interactive",
8952
+ "skip_rules": {
8953
+ "wont_fix": [
8954
+ "region"
8955
+ ],
8956
+ "will_fix": [
8957
+ "color-contrast"
8958
+ ]
8959
+ }
8960
+ },
8961
+ {
8962
+ "preview_path": "primer/alpha/text_field/with_character_limit_over_limit",
8963
+ "name": "with_character_limit_over_limit",
8964
+ "snapshot": "interactive",
8965
+ "skip_rules": {
8966
+ "wont_fix": [
8967
+ "region"
8968
+ ],
8969
+ "will_fix": [
8970
+ "color-contrast"
8971
+ ]
8972
+ }
8973
+ },
8974
+ {
8975
+ "preview_path": "primer/alpha/text_field/with_character_limit_and_caption",
8976
+ "name": "with_character_limit_and_caption",
8977
+ "snapshot": "true",
8978
+ "skip_rules": {
8979
+ "wont_fix": [
8980
+ "region"
8981
+ ],
8982
+ "will_fix": [
8983
+ "color-contrast"
8984
+ ]
8985
+ }
8986
+ },
8564
8987
  {
8565
8988
  "preview_path": "primer/alpha/text_field/with_auto_check_ok",
8566
8989
  "name": "with_auto_check_ok",
@@ -139,6 +139,8 @@
139
139
  "Primer::IconButton": "deprecated",
140
140
  "Primer::LayoutComponent": "deprecated",
141
141
  "Primer::Navigation::TabComponent": "deprecated",
142
+ "Primer::OpenProject::AvatarStack": "open_project",
143
+ "Primer::OpenProject::AvatarWithFallback": "open_project",
142
144
  "Primer::OpenProject::BorderBox::CollapsibleHeader": "open_project",
143
145
  "Primer::OpenProject::BorderGrid": "open_project",
144
146
  "Primer::OpenProject::BorderGrid::Cell": "open_project",
@@ -149,17 +151,21 @@
149
151
  "Primer::OpenProject::DragHandle": "open_project",
150
152
  "Primer::OpenProject::FeedbackDialog": "open_project",
151
153
  "Primer::OpenProject::FeedbackMessage": "open_project",
154
+ "Primer::OpenProject::Fieldset": "open_project",
155
+ "Primer::OpenProject::Fieldset::LegendComponent": "open_project",
152
156
  "Primer::OpenProject::FilterableTreeView": "alpha",
153
157
  "Primer::OpenProject::FilterableTreeView::SubTree": "alpha",
154
158
  "Primer::OpenProject::FlexLayout": "open_project",
155
159
  "Primer::OpenProject::GridLayout": "open_project",
156
160
  "Primer::OpenProject::GridLayout::Area": "open_project",
157
161
  "Primer::OpenProject::Heading": "open_project",
162
+ "Primer::OpenProject::InlineMessage": "open_project",
158
163
  "Primer::OpenProject::InputGroup": "open_project",
159
164
  "Primer::OpenProject::PageHeader": "open_project",
160
165
  "Primer::OpenProject::PageHeader::Dialog": "open_project",
161
166
  "Primer::OpenProject::PageHeader::Menu": "open_project",
162
167
  "Primer::OpenProject::PageHeader::Title": "open_project",
168
+ "Primer::OpenProject::Pagination": "open_project",
163
169
  "Primer::OpenProject::SidePanel": "open_project",
164
170
  "Primer::OpenProject::SidePanel::Section": "open_project",
165
171
  "Primer::OpenProject::SubHeader": "open_project",