@mixtint/primer-view-components 0.75.2 → 0.84.3

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 +354 -29
  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 +1 -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 +28 -20
  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 -41
  31. package/app/components/primer/beta/avatar_stack.css.json +7 -5
  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 +51 -0
  49. package/app/components/primer/open_project/page_header.css.json +10 -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 +24 -23
  64. package/static/arguments.json +235 -9
  65. package/static/audited_at.json +6 -0
  66. package/static/classes.json +30 -2
  67. package/static/constants.json +67 -1
  68. package/static/form_previews.json +15 -0
  69. package/static/info_arch.json +1035 -257
  70. package/static/previews.json +476 -14
  71. package/static/statuses.json +6 -0
@@ -193,11 +193,13 @@
193
193
  "Primer::Alpha::ActionMenu::PrimaryMenu": {
194
194
  "DEFAULT_ANCHOR_ALIGN": "start",
195
195
  "DEFAULT_ANCHOR_SIDE": "outside_bottom",
196
+ "DEFAULT_ANCHOR_WHEN_NARROW": "inherit",
196
197
  "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::PrimaryMenu::GeneratedSlotMethods"
197
198
  },
198
199
  "Primer::Alpha::ActionMenu::SubMenu": {
199
200
  "DEFAULT_ANCHOR_ALIGN": "start",
200
201
  "DEFAULT_ANCHOR_SIDE": "outside_right",
202
+ "DEFAULT_ANCHOR_WHEN_NARROW": "inherit",
201
203
  "GeneratedSlotMethods": "Primer::Alpha::ActionMenu::SubMenu::GeneratedSlotMethods"
202
204
  },
203
205
  "Primer::Alpha::ActionMenu::SubMenuItem": {
@@ -599,11 +601,26 @@
599
601
  "outside_left",
600
602
  "outside_right"
601
603
  ],
604
+ "ANCHOR_WHEN_NARROW_MAPPINGS": {
605
+ "inherit": "",
606
+ "bottom": "Overlay--placement-bottom-whenNarrow",
607
+ "fullscreen": "Overlay--fullscreen-whenNarrow",
608
+ "left": "Overlay--placement-left-whenNarrow",
609
+ "right": "Overlay--placement-right-whenNarrow"
610
+ },
611
+ "ANCHOR_WHEN_NARROW_OPTIONS": [
612
+ "inherit",
613
+ "bottom",
614
+ "fullscreen",
615
+ "left",
616
+ "right"
617
+ ],
602
618
  "Body": "Primer::Alpha::Overlay::Body",
603
619
  "DEFAULT_ALIGN_CONTENT": "end",
604
620
  "DEFAULT_ANCHOR_ALIGN": "start",
605
621
  "DEFAULT_ANCHOR_OFFSET": "normal",
606
622
  "DEFAULT_ANCHOR_SIDE": "outside_bottom",
623
+ "DEFAULT_ANCHOR_WHEN_NARROW": "inherit",
607
624
  "DEFAULT_PADDING": "normal",
608
625
  "DEFAULT_POPOVER": "auto",
609
626
  "DEFAULT_SIZE": "auto",
@@ -1695,8 +1712,24 @@
1695
1712
  "Primer::Navigation::TabComponent": {
1696
1713
  "GeneratedSlotMethods": "Primer::Navigation::TabComponent::GeneratedSlotMethods"
1697
1714
  },
1715
+ "Primer::OpenProject::AvatarStack": {
1716
+ "GeneratedSlotMethods": "Primer::OpenProject::AvatarStack::GeneratedSlotMethods"
1717
+ },
1718
+ "Primer::OpenProject::AvatarWithFallback": {
1719
+ "FONT_STACK": "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
1720
+ "GeneratedSlotMethods": "Primer::OpenProject::AvatarWithFallback::GeneratedSlotMethods"
1721
+ },
1698
1722
  "Primer::OpenProject::BorderBox::CollapsibleHeader": {
1699
- "GeneratedSlotMethods": "Primer::OpenProject::BorderBox::CollapsibleHeader::GeneratedSlotMethods"
1723
+ "GeneratedSlotMethods": "Primer::OpenProject::BorderBox::CollapsibleHeader::GeneratedSlotMethods",
1724
+ "TITLE_TAG_DEFAULT": "h3",
1725
+ "TITLE_TAG_OPTIONS": [
1726
+ "h1",
1727
+ "h2",
1728
+ "h3",
1729
+ "h4",
1730
+ "h5",
1731
+ "h6"
1732
+ ]
1700
1733
  },
1701
1734
  "Primer::OpenProject::BorderGrid": {
1702
1735
  "Cell": "Primer::OpenProject::BorderGrid::Cell",
@@ -1744,6 +1777,13 @@
1744
1777
  "Primer::OpenProject::FeedbackMessage": {
1745
1778
  "GeneratedSlotMethods": "Primer::OpenProject::FeedbackMessage::GeneratedSlotMethods"
1746
1779
  },
1780
+ "Primer::OpenProject::Fieldset": {
1781
+ "GeneratedSlotMethods": "Primer::OpenProject::Fieldset::GeneratedSlotMethods",
1782
+ "LegendComponent": "Primer::OpenProject::Fieldset::LegendComponent"
1783
+ },
1784
+ "Primer::OpenProject::Fieldset::LegendComponent": {
1785
+ "GeneratedSlotMethods": "Primer::OpenProject::Fieldset::LegendComponent::GeneratedSlotMethods"
1786
+ },
1747
1787
  "Primer::OpenProject::FilterableTreeView": {
1748
1788
  "DEFAULT_FILTER_INPUT_ARGUMENTS": {
1749
1789
  "name": "filter",
@@ -1803,6 +1843,20 @@
1803
1843
  "Primer::OpenProject::Heading": {
1804
1844
  "GeneratedSlotMethods": "Primer::OpenProject::Heading::GeneratedSlotMethods"
1805
1845
  },
1846
+ "Primer::OpenProject::InlineMessage": {
1847
+ "DEFAULT_SIZE": "medium",
1848
+ "GeneratedSlotMethods": "Primer::OpenProject::InlineMessage::GeneratedSlotMethods",
1849
+ "SCHEME_OPTIONS": [
1850
+ "warning",
1851
+ "critical",
1852
+ "success",
1853
+ "unavailable"
1854
+ ],
1855
+ "SIZE_OPTIONS": [
1856
+ "small",
1857
+ "medium"
1858
+ ]
1859
+ },
1806
1860
  "Primer::OpenProject::InputGroup": {
1807
1861
  "DEFAULT_INPUT_WIDTH": "auto",
1808
1862
  "GeneratedSlotMethods": "Primer::OpenProject::InputGroup::GeneratedSlotMethods",
@@ -1831,12 +1885,14 @@
1831
1885
  "chevron-left",
1832
1886
  "triangle-left"
1833
1887
  ],
1888
+ "BREADCRUMB_TRUNCATE_AT": 200,
1834
1889
  "DEFAULT_ACTION_SCHEME": "default",
1835
1890
  "DEFAULT_BACK_BUTTON_ICON": "arrow-left",
1836
1891
  "DEFAULT_BREADCRUMBS_DISPLAY": [
1837
1892
  "none",
1838
1893
  "flex"
1839
1894
  ],
1895
+ "DEFAULT_BUTTON_ACTION_SIZE": "medium",
1840
1896
  "DEFAULT_HEADER_VARIANT": "medium",
1841
1897
  "DEFAULT_LEADING_ACTION_DISPLAY": [
1842
1898
  "none",
@@ -1883,6 +1939,16 @@
1883
1939
  "h6"
1884
1940
  ]
1885
1941
  },
1942
+ "Primer::OpenProject::Pagination": {
1943
+ "DEFAULT_MARGIN_PAGE_COUNT": 1,
1944
+ "DEFAULT_SURROUNDING_PAGE_COUNT": 2,
1945
+ "GeneratedSlotMethods": "Primer::OpenProject::Pagination::GeneratedSlotMethods",
1946
+ "PAGE_TYPE__BREAK": "break",
1947
+ "PAGE_TYPE__NEXT": "next",
1948
+ "PAGE_TYPE__NUM": "num",
1949
+ "PAGE_TYPE__PREV": "prev",
1950
+ "PageData": "Primer::OpenProject::Pagination::PageData"
1951
+ },
1886
1952
  "Primer::OpenProject::SidePanel": {
1887
1953
  "GeneratedSlotMethods": "Primer::OpenProject::SidePanel::GeneratedSlotMethods",
1888
1954
  "Section": "Primer::OpenProject::SidePanel::Section"
@@ -18,6 +18,11 @@
18
18
  "name": "custom_width_fields_form",
19
19
  "snapshot": "false"
20
20
  },
21
+ {
22
+ "preview_path": "primer/forms/fieldset_group_form",
23
+ "name": "fieldset_group_form",
24
+ "snapshot": "true"
25
+ },
21
26
  {
22
27
  "preview_path": "primer/forms/text_field_and_checkbox_form",
23
28
  "name": "text_field_and_checkbox_form",
@@ -112,6 +117,16 @@
112
117
  "preview_path": "primer/forms/auto_complete_form",
113
118
  "name": "auto_complete_form",
114
119
  "snapshot": "true"
120
+ },
121
+ {
122
+ "preview_path": "primer/forms/text_area_with_character_limit_form",
123
+ "name": "text_area_with_character_limit_form",
124
+ "snapshot": "true"
125
+ },
126
+ {
127
+ "preview_path": "primer/forms/text_field_with_character_limit_form",
128
+ "name": "text_field_with_character_limit_form",
129
+ "snapshot": "true"
115
130
  }
116
131
  ]
117
132
  }