primer_view_components 0.0.111 → 0.0.113
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +68 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +3 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +1 -1
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/action_list.pcss +0 -15
- data/app/components/primer/alpha/auto_complete.css +1 -0
- data/app/components/primer/alpha/auto_complete.css.json +1 -0
- data/app/components/primer/alpha/auto_complete.css.map +1 -0
- data/app/components/primer/alpha/auto_complete.pcss +118 -0
- data/app/components/primer/alpha/banner.css +1 -1
- data/app/components/primer/alpha/banner.css.map +1 -1
- data/app/components/primer/alpha/banner.pcss +0 -1
- data/app/components/primer/alpha/button_marketing.css +1 -0
- data/app/components/primer/alpha/button_marketing.css.json +1 -0
- data/app/components/primer/alpha/button_marketing.css.map +1 -0
- data/app/components/primer/alpha/button_marketing.pcss +175 -0
- data/app/components/primer/alpha/dialog/body.rb +3 -0
- data/app/components/primer/alpha/dialog/footer.rb +3 -0
- data/app/components/primer/alpha/dialog/header.rb +3 -0
- data/app/components/primer/alpha/dialog.css +1 -0
- data/app/components/primer/alpha/dialog.css.json +1 -0
- data/app/components/primer/alpha/dialog.css.map +1 -0
- data/app/components/primer/alpha/dialog.pcss +484 -0
- data/app/components/primer/alpha/dialog.rb +3 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.d.ts +0 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.html.erb +0 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.js +0 -0
- data/app/components/primer/alpha/dropdown/menu.rb +105 -0
- data/app/components/primer/{dropdown → alpha/dropdown}/menu.ts +0 -0
- data/app/components/primer/alpha/dropdown.css +1 -0
- data/app/components/primer/alpha/dropdown.css.json +1 -0
- data/app/components/primer/{dropdown.css.map → alpha/dropdown.css.map} +1 -1
- data/app/components/primer/{dropdown.d.ts → alpha/dropdown.d.ts} +0 -0
- data/app/components/primer/{dropdown.html.erb → alpha/dropdown.html.erb} +0 -0
- data/app/components/primer/{dropdown.js → alpha/dropdown.js} +0 -0
- data/app/components/primer/{dropdown.pcss → alpha/dropdown.pcss} +1 -1
- data/app/components/primer/alpha/dropdown.rb +154 -0
- data/app/components/primer/{dropdown.ts → alpha/dropdown.ts} +0 -0
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/tab_nav.css +1 -0
- data/app/components/primer/alpha/tab_nav.css.json +1 -0
- data/app/components/primer/alpha/tab_nav.css.map +1 -0
- data/app/components/primer/alpha/tab_nav.pcss +100 -0
- data/app/components/primer/alpha/text_field.css +3 -0
- data/app/components/primer/alpha/text_field.css.json +1 -0
- data/app/components/primer/alpha/text_field.css.map +1 -0
- data/app/components/primer/alpha/text_field.pcss +683 -0
- data/app/components/primer/alpha/toggle_switch.d.ts +1 -1
- data/app/components/primer/alpha/toggle_switch.js +7 -4
- data/app/components/primer/alpha/toggle_switch.ts +7 -3
- data/app/components/primer/alpha/underline_nav.css +1 -0
- data/app/components/primer/alpha/underline_nav.css.json +1 -0
- data/app/components/primer/alpha/underline_nav.css.map +1 -0
- data/app/components/primer/alpha/underline_nav.pcss +133 -0
- data/app/components/primer/beta/border_box.css +1 -0
- data/app/components/primer/beta/border_box.css.json +1 -0
- data/app/components/primer/beta/border_box.css.map +1 -0
- data/app/components/primer/beta/border_box.pcss +284 -0
- data/app/components/primer/beta/button_group.css +1 -0
- data/app/components/primer/beta/button_group.css.json +1 -0
- data/app/components/primer/beta/button_group.css.map +1 -0
- data/app/components/primer/beta/button_group.pcss +92 -0
- data/app/components/primer/{clipboard_copy.d.ts → beta/clipboard_copy.d.ts} +0 -0
- data/app/components/primer/{clipboard_copy.html.erb → beta/clipboard_copy.html.erb} +0 -0
- data/app/components/primer/{clipboard_copy.js → beta/clipboard_copy.js} +0 -0
- data/app/components/primer/beta/clipboard_copy.rb +50 -0
- data/app/components/primer/{clipboard_copy.ts → beta/clipboard_copy.ts} +0 -0
- data/app/components/primer/beta/link.css +1 -0
- data/app/components/primer/beta/link.css.json +1 -0
- data/app/components/primer/beta/link.css.map +1 -0
- data/app/components/primer/beta/link.pcss +60 -0
- data/app/components/primer/{popover_component.css → beta/popover.css} +0 -0
- data/app/components/primer/beta/popover.css.json +1 -0
- data/app/components/primer/beta/popover.css.map +1 -0
- data/app/components/primer/{popover_component.html.erb → beta/popover.html.erb} +0 -0
- data/app/components/primer/{popover_component.pcss → beta/popover.pcss} +5 -5
- data/app/components/primer/beta/popover.rb +127 -0
- data/app/components/primer/beta/relative_time.rb +160 -0
- data/app/components/primer/button_component.css +1 -0
- data/app/components/primer/button_component.css.json +1 -0
- data/app/components/primer/button_component.css.map +1 -0
- data/app/components/primer/button_component.pcss +557 -0
- data/app/components/primer/button_component.rb +1 -1
- data/app/components/primer/clipboard_copy.rb +2 -43
- data/app/components/primer/component.rb +6 -2
- data/app/components/primer/dropdown/menu.rb +5 -90
- data/app/components/primer/dropdown.rb +2 -145
- data/app/components/primer/local_time.d.ts +1 -1
- data/app/components/primer/local_time.js +1 -1
- data/app/components/primer/local_time.rb +3 -1
- data/app/components/primer/local_time.ts +1 -1
- data/app/components/primer/menu_component.css +1 -0
- data/app/components/primer/menu_component.css.json +1 -0
- data/app/components/primer/menu_component.css.map +1 -0
- data/app/components/primer/menu_component.pcss +119 -0
- data/app/components/primer/popover_component.rb +3 -120
- data/app/components/primer/primer.d.ts +2 -2
- data/app/components/primer/primer.js +2 -2
- data/app/components/primer/primer.pcss +20 -3
- data/app/components/primer/primer.ts +2 -2
- data/app/components/primer/time_ago_component.d.ts +1 -1
- data/app/components/primer/time_ago_component.js +1 -1
- data/app/components/primer/time_ago_component.rb +2 -1
- data/app/components/primer/time_ago_component.ts +1 -1
- data/app/forms/submit_button_form.rb +8 -2
- data/app/helpers/primer/form_helper.rb +12 -0
- data/lib/postcss_mixins/clearfix.pcss +12 -0
- data/lib/primer/deprecations.rb +96 -24
- data/lib/primer/deprecations.yml +68 -0
- data/lib/primer/forms/base.rb +7 -20
- data/lib/primer/forms/base_component.rb +15 -1
- data/lib/primer/forms/button.html.erb +4 -0
- data/lib/primer/forms/button.rb +68 -0
- data/lib/primer/forms/check_box.html.erb +2 -2
- data/lib/primer/forms/check_box.rb +1 -1
- data/lib/primer/forms/check_box_group.html.erb +2 -2
- data/lib/primer/forms/dsl/button_input.rb +29 -0
- data/lib/primer/forms/dsl/input_methods.rb +7 -2
- data/lib/primer/forms/dsl/submit_button_input.rb +1 -0
- data/lib/primer/forms/dsl/text_field_input.rb +0 -7
- data/lib/primer/forms/radio_button.html.erb +2 -2
- data/lib/primer/forms/radio_button.rb +1 -1
- data/lib/primer/forms/radio_button_group.html.erb +2 -2
- data/lib/primer/forms/select_list.html.erb +1 -1
- data/lib/primer/forms/select_list.rb +4 -1
- data/lib/primer/forms/submit_button.html.erb +1 -4
- data/lib/primer/forms/submit_button.rb +1 -37
- data/lib/primer/forms/text_area.html.erb +1 -1
- data/lib/primer/forms/text_area.rb +5 -1
- data/lib/primer/forms/text_field.html.erb +1 -1
- data/lib/primer/forms/text_field.rb +11 -0
- data/lib/primer/forms/utils.rb +28 -0
- data/lib/primer/view_components/audited.rb +14 -0
- data/lib/primer/view_components/engine.rb +1 -0
- data/lib/primer/view_components/linters/clipboard_copy_component_migration_counter.rb +2 -2
- data/lib/primer/view_components/linters/deprecated_components_counter.rb +15 -4
- data/lib/primer/view_components/linters/helpers/deprecated_components_helpers.rb +3 -18
- data/lib/primer/view_components/linters/severity_schema.rb +14 -0
- data/lib/primer/view_components/version.rb +1 -1
- data/lib/rubocop/cop/primer/component_name_migration.rb +2 -2
- data/lib/tasks/docs.rake +6 -5
- data/previews/primer/alpha/auto_complete_preview.rb +12 -0
- data/previews/primer/alpha/button_marketing_preview.rb +36 -0
- data/previews/primer/alpha/dropdown_preview.rb +210 -0
- data/previews/primer/alpha/segmented_control_preview.rb +9 -6
- data/previews/primer/alpha/tab_nav_preview.rb +55 -0
- data/previews/primer/alpha/text_field_preview.rb +77 -52
- data/previews/primer/beta/border_box_preview.rb +65 -13
- data/previews/primer/beta/clipboard_copy_preview/element.html.erb +2 -0
- data/previews/primer/beta/clipboard_copy_preview.rb +39 -0
- data/previews/primer/beta/link_preview.rb +28 -0
- data/previews/primer/beta/popover_preview.rb +79 -0
- data/previews/primer/beta/relative_time_preview.rb +271 -0
- data/previews/primer/forms/forms_preview.rb +1 -0
- data/static/arguments.json +183 -73
- data/static/audited_at.json +10 -6
- data/static/constants.json +180 -50
- data/static/statuses.json +12 -8
- metadata +86 -29
- data/app/components/primer/dropdown.css +0 -1
- data/app/components/primer/dropdown.css.json +0 -1
- data/app/components/primer/image.rb +0 -7
- data/app/components/primer/popover_component.css.json +0 -1
- data/app/components/primer/popover_component.css.map +0 -1
- data/app/components/primer/progress_bar_component.rb +0 -7
- data/previews/primer/clipboard_copy_preview/element.html.erb +0 -2
- data/previews/primer/clipboard_copy_preview.rb +0 -37
- data/previews/primer/dropdown_preview.rb +0 -208
- data/previews/primer/popover_component_preview.rb +0 -34
data/static/arguments.json
CHANGED
@@ -355,6 +355,32 @@
|
|
355
355
|
}
|
356
356
|
]
|
357
357
|
},
|
358
|
+
{
|
359
|
+
"component": "Dropdown",
|
360
|
+
"status": "alpha",
|
361
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
|
362
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
|
363
|
+
"parameters": [
|
364
|
+
{
|
365
|
+
"name": "overlay",
|
366
|
+
"type": "Symbol",
|
367
|
+
"default": "`:default`",
|
368
|
+
"description": "One of `:dark`, `:default`, or `:none`."
|
369
|
+
},
|
370
|
+
{
|
371
|
+
"name": "with_caret",
|
372
|
+
"type": "Boolean",
|
373
|
+
"default": "`false`",
|
374
|
+
"description": "Whether or not a caret should be rendered in the button."
|
375
|
+
},
|
376
|
+
{
|
377
|
+
"name": "system_arguments",
|
378
|
+
"type": "Hash",
|
379
|
+
"default": "N/A",
|
380
|
+
"description": "[System arguments](/system-arguments)"
|
381
|
+
}
|
382
|
+
]
|
383
|
+
},
|
358
384
|
{
|
359
385
|
"component": "HiddenTextExpander",
|
360
386
|
"status": "alpha",
|
@@ -1361,6 +1387,38 @@
|
|
1361
1387
|
}
|
1362
1388
|
]
|
1363
1389
|
},
|
1390
|
+
{
|
1391
|
+
"component": "ClipboardCopy",
|
1392
|
+
"status": "beta",
|
1393
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
|
1394
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
|
1395
|
+
"parameters": [
|
1396
|
+
{
|
1397
|
+
"name": "aria-label",
|
1398
|
+
"type": "String",
|
1399
|
+
"default": "N/A",
|
1400
|
+
"description": "String that will be read to screenreaders when the component is focused"
|
1401
|
+
},
|
1402
|
+
{
|
1403
|
+
"name": "value",
|
1404
|
+
"type": "String",
|
1405
|
+
"default": "`nil`",
|
1406
|
+
"description": "Text to copy into the users clipboard when they click the component."
|
1407
|
+
},
|
1408
|
+
{
|
1409
|
+
"name": "for",
|
1410
|
+
"type": "String",
|
1411
|
+
"default": "N/A",
|
1412
|
+
"description": "Element id from where to get the copied value."
|
1413
|
+
},
|
1414
|
+
{
|
1415
|
+
"name": "system_arguments",
|
1416
|
+
"type": "Hash",
|
1417
|
+
"default": "N/A",
|
1418
|
+
"description": "[System arguments](/system-arguments)"
|
1419
|
+
}
|
1420
|
+
]
|
1421
|
+
},
|
1364
1422
|
{
|
1365
1423
|
"component": "CloseButton",
|
1366
1424
|
"status": "beta",
|
@@ -1683,6 +1741,20 @@
|
|
1683
1741
|
}
|
1684
1742
|
]
|
1685
1743
|
},
|
1744
|
+
{
|
1745
|
+
"component": "Popover",
|
1746
|
+
"status": "beta",
|
1747
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
|
1748
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
|
1749
|
+
"parameters": [
|
1750
|
+
{
|
1751
|
+
"name": "system_arguments",
|
1752
|
+
"type": "Hash",
|
1753
|
+
"default": "N/A",
|
1754
|
+
"description": "[System arguments](/system-arguments)"
|
1755
|
+
}
|
1756
|
+
]
|
1757
|
+
},
|
1686
1758
|
{
|
1687
1759
|
"component": "ProgressBar",
|
1688
1760
|
"status": "beta",
|
@@ -1703,6 +1775,116 @@
|
|
1703
1775
|
}
|
1704
1776
|
]
|
1705
1777
|
},
|
1778
|
+
{
|
1779
|
+
"component": "RelativeTime",
|
1780
|
+
"status": "beta",
|
1781
|
+
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
|
1782
|
+
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
|
1783
|
+
"parameters": [
|
1784
|
+
{
|
1785
|
+
"name": "datetime",
|
1786
|
+
"type": "Time",
|
1787
|
+
"default": "N/A",
|
1788
|
+
"description": "The time to be formatted."
|
1789
|
+
},
|
1790
|
+
{
|
1791
|
+
"name": "tense",
|
1792
|
+
"type": "Symbol",
|
1793
|
+
"default": "`:auto`",
|
1794
|
+
"description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
|
1795
|
+
},
|
1796
|
+
{
|
1797
|
+
"name": "prefix",
|
1798
|
+
"type": "sring",
|
1799
|
+
"default": "`nil`",
|
1800
|
+
"description": "What to prefix the relative ime display with."
|
1801
|
+
},
|
1802
|
+
{
|
1803
|
+
"name": "second",
|
1804
|
+
"type": "Symbol",
|
1805
|
+
"default": "`SECOND_DEFAULT`",
|
1806
|
+
"description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
|
1807
|
+
},
|
1808
|
+
{
|
1809
|
+
"name": "minute",
|
1810
|
+
"type": "Symbol",
|
1811
|
+
"default": "`MINUTE_DEFAULT`",
|
1812
|
+
"description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
|
1813
|
+
},
|
1814
|
+
{
|
1815
|
+
"name": "hour",
|
1816
|
+
"type": "Symbol",
|
1817
|
+
"default": "`HOUR_DEFAULT`",
|
1818
|
+
"description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
|
1819
|
+
},
|
1820
|
+
{
|
1821
|
+
"name": "weekday",
|
1822
|
+
"type": "Symbol",
|
1823
|
+
"default": "`WEEKDAY_DEFAULT`",
|
1824
|
+
"description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
|
1825
|
+
},
|
1826
|
+
{
|
1827
|
+
"name": "day",
|
1828
|
+
"type": "Symbol",
|
1829
|
+
"default": "`DAY_DEFAULT`",
|
1830
|
+
"description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
|
1831
|
+
},
|
1832
|
+
{
|
1833
|
+
"name": "month",
|
1834
|
+
"type": "Symbol",
|
1835
|
+
"default": "`MONTH_DEFAULT`",
|
1836
|
+
"description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
|
1837
|
+
},
|
1838
|
+
{
|
1839
|
+
"name": "year",
|
1840
|
+
"type": "Symbol",
|
1841
|
+
"default": "`YEAR_DEFAULT`",
|
1842
|
+
"description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
|
1843
|
+
},
|
1844
|
+
{
|
1845
|
+
"name": "time_zone_name",
|
1846
|
+
"type": "Symbol",
|
1847
|
+
"default": "`TIMEZONENAME_DEFAULT`",
|
1848
|
+
"description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
|
1849
|
+
},
|
1850
|
+
{
|
1851
|
+
"name": "threshold",
|
1852
|
+
"type": "string",
|
1853
|
+
"default": "`nil`",
|
1854
|
+
"description": "The threshold at which relative time displays become absolute."
|
1855
|
+
},
|
1856
|
+
{
|
1857
|
+
"name": "precision",
|
1858
|
+
"type": "Symbol",
|
1859
|
+
"default": "`PRECISION_DEFAULT`",
|
1860
|
+
"description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
|
1861
|
+
},
|
1862
|
+
{
|
1863
|
+
"name": "format",
|
1864
|
+
"type": "Symbol",
|
1865
|
+
"default": "`nil`",
|
1866
|
+
"description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
|
1867
|
+
},
|
1868
|
+
{
|
1869
|
+
"name": "lang",
|
1870
|
+
"type": "string",
|
1871
|
+
"default": "`nil`",
|
1872
|
+
"description": "The language to use."
|
1873
|
+
},
|
1874
|
+
{
|
1875
|
+
"name": "title",
|
1876
|
+
"type": "string",
|
1877
|
+
"default": "`nil`",
|
1878
|
+
"description": "Provide a custom title to the element."
|
1879
|
+
},
|
1880
|
+
{
|
1881
|
+
"name": "system_arguments",
|
1882
|
+
"type": "Hash",
|
1883
|
+
"default": "N/A",
|
1884
|
+
"description": "[System arguments](/system-arguments)"
|
1885
|
+
}
|
1886
|
+
]
|
1887
|
+
},
|
1706
1888
|
{
|
1707
1889
|
"component": "Text",
|
1708
1890
|
"status": "beta",
|
@@ -1753,7 +1935,7 @@
|
|
1753
1935
|
},
|
1754
1936
|
{
|
1755
1937
|
"component": "Button",
|
1756
|
-
"status": "
|
1938
|
+
"status": "deprecated",
|
1757
1939
|
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
|
1758
1940
|
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
|
1759
1941
|
"parameters": [
|
@@ -1813,64 +1995,6 @@
|
|
1813
1995
|
}
|
1814
1996
|
]
|
1815
1997
|
},
|
1816
|
-
{
|
1817
|
-
"component": "ClipboardCopy",
|
1818
|
-
"status": "beta",
|
1819
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/clipboard_copy.rb",
|
1820
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/clipboard_copy/default/",
|
1821
|
-
"parameters": [
|
1822
|
-
{
|
1823
|
-
"name": "aria-label",
|
1824
|
-
"type": "String",
|
1825
|
-
"default": "N/A",
|
1826
|
-
"description": "String that will be read to screenreaders when the component is focused"
|
1827
|
-
},
|
1828
|
-
{
|
1829
|
-
"name": "value",
|
1830
|
-
"type": "String",
|
1831
|
-
"default": "`nil`",
|
1832
|
-
"description": "Text to copy into the users clipboard when they click the component."
|
1833
|
-
},
|
1834
|
-
{
|
1835
|
-
"name": "for",
|
1836
|
-
"type": "String",
|
1837
|
-
"default": "N/A",
|
1838
|
-
"description": "Element id from where to get the copied value."
|
1839
|
-
},
|
1840
|
-
{
|
1841
|
-
"name": "system_arguments",
|
1842
|
-
"type": "Hash",
|
1843
|
-
"default": "N/A",
|
1844
|
-
"description": "[System arguments](/system-arguments)"
|
1845
|
-
}
|
1846
|
-
]
|
1847
|
-
},
|
1848
|
-
{
|
1849
|
-
"component": "Dropdown",
|
1850
|
-
"status": "alpha",
|
1851
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
|
1852
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
|
1853
|
-
"parameters": [
|
1854
|
-
{
|
1855
|
-
"name": "overlay",
|
1856
|
-
"type": "Symbol",
|
1857
|
-
"default": "`:default`",
|
1858
|
-
"description": "One of `:dark`, `:default`, or `:none`."
|
1859
|
-
},
|
1860
|
-
{
|
1861
|
-
"name": "with_caret",
|
1862
|
-
"type": "Boolean",
|
1863
|
-
"default": "`false`",
|
1864
|
-
"description": "Whether or not a caret should be rendered in the button."
|
1865
|
-
},
|
1866
|
-
{
|
1867
|
-
"name": "system_arguments",
|
1868
|
-
"type": "Hash",
|
1869
|
-
"default": "N/A",
|
1870
|
-
"description": "[System arguments](/system-arguments)"
|
1871
|
-
}
|
1872
|
-
]
|
1873
|
-
},
|
1874
1998
|
{
|
1875
1999
|
"component": "DropdownMenu",
|
1876
2000
|
"status": "deprecated",
|
@@ -2227,20 +2351,6 @@
|
|
2227
2351
|
}
|
2228
2352
|
]
|
2229
2353
|
},
|
2230
|
-
{
|
2231
|
-
"component": "Popover",
|
2232
|
-
"status": "beta",
|
2233
|
-
"source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
|
2234
|
-
"lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
|
2235
|
-
"parameters": [
|
2236
|
-
{
|
2237
|
-
"name": "system_arguments",
|
2238
|
-
"type": "Hash",
|
2239
|
-
"default": "N/A",
|
2240
|
-
"description": "[System arguments](/system-arguments)"
|
2241
|
-
}
|
2242
|
-
]
|
2243
|
-
},
|
2244
2354
|
{
|
2245
2355
|
"component": "Spinner",
|
2246
2356
|
"status": "beta",
|
data/static/audited_at.json
CHANGED
@@ -7,10 +7,13 @@
|
|
7
7
|
"Primer::Alpha::AutoComplete::Item": "",
|
8
8
|
"Primer::Alpha::Banner": "",
|
9
9
|
"Primer::Alpha::ButtonMarketing": "",
|
10
|
-
"Primer::Alpha::Dialog": "",
|
11
|
-
"Primer::Alpha::Dialog::Body": "",
|
12
|
-
"Primer::Alpha::Dialog::Footer": "",
|
13
|
-
"Primer::Alpha::Dialog::Header": "",
|
10
|
+
"Primer::Alpha::Dialog": "2022-10-10",
|
11
|
+
"Primer::Alpha::Dialog::Body": "2022-10-10",
|
12
|
+
"Primer::Alpha::Dialog::Footer": "2022-10-10",
|
13
|
+
"Primer::Alpha::Dialog::Header": "2022-10-10",
|
14
|
+
"Primer::Alpha::Dropdown": "",
|
15
|
+
"Primer::Alpha::Dropdown::Menu": "",
|
16
|
+
"Primer::Alpha::Dropdown::Menu::Item": "",
|
14
17
|
"Primer::Alpha::HiddenTextExpander": "",
|
15
18
|
"Primer::Alpha::Image": "",
|
16
19
|
"Primer::Alpha::ImageCrop": "",
|
@@ -42,6 +45,7 @@
|
|
42
45
|
"Primer::Beta::Breadcrumbs::Item": "",
|
43
46
|
"Primer::Beta::Button": "",
|
44
47
|
"Primer::Beta::ButtonGroup": "",
|
48
|
+
"Primer::Beta::ClipboardCopy": "",
|
45
49
|
"Primer::Beta::CloseButton": "",
|
46
50
|
"Primer::Beta::Counter": "",
|
47
51
|
"Primer::Beta::Details": "",
|
@@ -50,7 +54,9 @@
|
|
50
54
|
"Primer::Beta::IconButton": "",
|
51
55
|
"Primer::Beta::Label": "",
|
52
56
|
"Primer::Beta::Link": "",
|
57
|
+
"Primer::Beta::Popover": "",
|
53
58
|
"Primer::Beta::ProgressBar": "",
|
59
|
+
"Primer::Beta::RelativeTime": "",
|
54
60
|
"Primer::Beta::Text": "",
|
55
61
|
"Primer::Beta::Truncate": "",
|
56
62
|
"Primer::Beta::Truncate::TruncateText": "",
|
@@ -67,7 +73,6 @@
|
|
67
73
|
"Primer::DropdownMenuComponent": "",
|
68
74
|
"Primer::HellipButton": "",
|
69
75
|
"Primer::IconButton": "",
|
70
|
-
"Primer::Image": "",
|
71
76
|
"Primer::LabelComponent": "",
|
72
77
|
"Primer::LayoutComponent": "",
|
73
78
|
"Primer::LinkComponent": "",
|
@@ -78,7 +83,6 @@
|
|
78
83
|
"Primer::OcticonComponent": "",
|
79
84
|
"Primer::OcticonSymbolsComponent": "",
|
80
85
|
"Primer::PopoverComponent": "",
|
81
|
-
"Primer::ProgressBarComponent": "",
|
82
86
|
"Primer::SpinnerComponent": "",
|
83
87
|
"Primer::StateComponent": "",
|
84
88
|
"Primer::SubheadComponent": "",
|
data/static/constants.json
CHANGED
@@ -179,6 +179,43 @@
|
|
179
179
|
},
|
180
180
|
"Primer::Alpha::Dialog::Header": {
|
181
181
|
},
|
182
|
+
"Primer::Alpha::Dropdown": {
|
183
|
+
"Menu": "Primer::Alpha::Dropdown::Menu"
|
184
|
+
},
|
185
|
+
"Primer::Alpha::Dropdown::Menu": {
|
186
|
+
"AS_DEFAULT": "default",
|
187
|
+
"AS_OPTIONS": [
|
188
|
+
"default",
|
189
|
+
"list"
|
190
|
+
],
|
191
|
+
"DIRECTION_DEFAULT": "se",
|
192
|
+
"DIRECTION_OPTIONS": [
|
193
|
+
"se",
|
194
|
+
"sw",
|
195
|
+
"w",
|
196
|
+
"e",
|
197
|
+
"ne",
|
198
|
+
"s"
|
199
|
+
],
|
200
|
+
"Item": "Primer::Alpha::Dropdown::Menu::Item",
|
201
|
+
"SCHEME_DEFAULT": "default",
|
202
|
+
"SCHEME_MAPPINGS": {
|
203
|
+
"default": "",
|
204
|
+
"dark": "dropdown-menu-dark"
|
205
|
+
}
|
206
|
+
},
|
207
|
+
"Primer::Alpha::Dropdown::Menu::Item": {
|
208
|
+
"BUTTON_TAGS": [
|
209
|
+
"button",
|
210
|
+
"summary"
|
211
|
+
],
|
212
|
+
"TAG_DEFAULT": "a",
|
213
|
+
"TAG_OPTIONS": [
|
214
|
+
"a",
|
215
|
+
"button",
|
216
|
+
"summary"
|
217
|
+
]
|
218
|
+
},
|
182
219
|
"Primer::Alpha::HiddenTextExpander": {
|
183
220
|
},
|
184
221
|
"Primer::Alpha::Image": {
|
@@ -521,6 +558,8 @@
|
|
521
558
|
},
|
522
559
|
"Primer::Beta::ButtonGroup": {
|
523
560
|
},
|
561
|
+
"Primer::Beta::ClipboardCopy": {
|
562
|
+
},
|
524
563
|
"Primer::Beta::CloseButton": {
|
525
564
|
"DEFAULT_TYPE": "button",
|
526
565
|
"TYPE_OPTIONS": [
|
@@ -670,6 +709,24 @@
|
|
670
709
|
"span"
|
671
710
|
]
|
672
711
|
},
|
712
|
+
"Primer::Beta::Popover": {
|
713
|
+
"CARET_DEFAULT": "top",
|
714
|
+
"CARET_MAPPINGS": {
|
715
|
+
"top": "",
|
716
|
+
"bottom": "Popover-message--bottom",
|
717
|
+
"bottom_right": "Popover-message--bottom-right",
|
718
|
+
"bottom_left": "Popover-message--bottom-left",
|
719
|
+
"left": "Popover-message--left",
|
720
|
+
"left_bottom": "Popover-message--left-bottom",
|
721
|
+
"left_top": "Popover-message--left-top",
|
722
|
+
"right": "Popover-message--right",
|
723
|
+
"right_bottom": "Popover-message--right-bottom",
|
724
|
+
"right_top": "Popover-message--right-top",
|
725
|
+
"top_left": "Popover-message--top-left",
|
726
|
+
"top_right": "Popover-message--top-right"
|
727
|
+
},
|
728
|
+
"DEFAULT_HEADING_TAG": "h4"
|
729
|
+
},
|
673
730
|
"Primer::Beta::ProgressBar": {
|
674
731
|
"SIZE_DEFAULT": "default",
|
675
732
|
"SIZE_MAPPINGS": {
|
@@ -683,6 +740,128 @@
|
|
683
740
|
"large"
|
684
741
|
]
|
685
742
|
},
|
743
|
+
"Primer::Beta::RelativeTime": {
|
744
|
+
"DAY_DEFAULT": null,
|
745
|
+
"DAY_MAPPINGS": {
|
746
|
+
"": null,
|
747
|
+
"numeric": "numeric",
|
748
|
+
"two_digit": "2-digit"
|
749
|
+
},
|
750
|
+
"DAY_OPTIONS": [
|
751
|
+
null,
|
752
|
+
"numeric",
|
753
|
+
"two_digit"
|
754
|
+
],
|
755
|
+
"FORMAT_DEFAULT": "auto",
|
756
|
+
"FORMAT_OPTIONS": [
|
757
|
+
"auto",
|
758
|
+
"micro",
|
759
|
+
"elapsed"
|
760
|
+
],
|
761
|
+
"HOUR_DEFAULT": null,
|
762
|
+
"HOUR_MAPPINGS": {
|
763
|
+
"": null,
|
764
|
+
"numeric": "numeric",
|
765
|
+
"two_digit": "2-digit"
|
766
|
+
},
|
767
|
+
"HOUR_OPTIONS": [
|
768
|
+
null,
|
769
|
+
"numeric",
|
770
|
+
"two_digit"
|
771
|
+
],
|
772
|
+
"MINUTE_DEFAULT": null,
|
773
|
+
"MINUTE_MAPPINGS": {
|
774
|
+
"": null,
|
775
|
+
"numeric": "numeric",
|
776
|
+
"two_digit": "2-digit"
|
777
|
+
},
|
778
|
+
"MINUTE_OPTIONS": [
|
779
|
+
null,
|
780
|
+
"numeric",
|
781
|
+
"two_digit"
|
782
|
+
],
|
783
|
+
"MONTH_DEFAULT": null,
|
784
|
+
"MONTH_MAPPINGS": {
|
785
|
+
"": null,
|
786
|
+
"numeric": "numeric",
|
787
|
+
"two_digit": "2-digit",
|
788
|
+
"short": "short",
|
789
|
+
"long": "long",
|
790
|
+
"narrow": "narrow"
|
791
|
+
},
|
792
|
+
"MONTH_OPTIONS": [
|
793
|
+
null,
|
794
|
+
"numeric",
|
795
|
+
"two_digit",
|
796
|
+
"short",
|
797
|
+
"long",
|
798
|
+
"narrow"
|
799
|
+
],
|
800
|
+
"PRECISION_DEFAULT": null,
|
801
|
+
"PRECISION_OPTIONS": [
|
802
|
+
null,
|
803
|
+
"second",
|
804
|
+
"minute",
|
805
|
+
"hour",
|
806
|
+
"day",
|
807
|
+
"month",
|
808
|
+
"year"
|
809
|
+
],
|
810
|
+
"SECOND_DEFAULT": null,
|
811
|
+
"SECOND_MAPPINGS": {
|
812
|
+
"": null,
|
813
|
+
"numeric": "numeric",
|
814
|
+
"two_digit": "2-digit"
|
815
|
+
},
|
816
|
+
"SECOND_OPTIONS": [
|
817
|
+
null,
|
818
|
+
"numeric",
|
819
|
+
"two_digit"
|
820
|
+
],
|
821
|
+
"TENSE_DEFAULT": "auto",
|
822
|
+
"TENSE_OPTIONS": [
|
823
|
+
"auto",
|
824
|
+
"past",
|
825
|
+
"future"
|
826
|
+
],
|
827
|
+
"TIMEZONENAME_DEFAULT": null,
|
828
|
+
"TIMEZONENAME_OPTIONS": [
|
829
|
+
null,
|
830
|
+
"long",
|
831
|
+
"short",
|
832
|
+
"short_offset",
|
833
|
+
"long_offset",
|
834
|
+
"short_generic",
|
835
|
+
"long_generic"
|
836
|
+
],
|
837
|
+
"TIMEZONE_MAPPINGS": {
|
838
|
+
"": null,
|
839
|
+
"long": "long",
|
840
|
+
"short": "short",
|
841
|
+
"short_offset": "shortOffset",
|
842
|
+
"long_offset": "longOffset",
|
843
|
+
"short_generic": "shortGeneric",
|
844
|
+
"long_generic": "longGeneric"
|
845
|
+
},
|
846
|
+
"WEEKDAY_DEFAULT": null,
|
847
|
+
"WEEKDAY_OPTIONS": [
|
848
|
+
null,
|
849
|
+
"long",
|
850
|
+
"short",
|
851
|
+
"narrow"
|
852
|
+
],
|
853
|
+
"YEAR_DEFAULT": null,
|
854
|
+
"YEAR_MAPPINGS": {
|
855
|
+
"": null,
|
856
|
+
"numeric": "numeric",
|
857
|
+
"two_digit": "2-digit"
|
858
|
+
},
|
859
|
+
"YEAR_OPTIONS": [
|
860
|
+
null,
|
861
|
+
"numeric",
|
862
|
+
"two_digit"
|
863
|
+
]
|
864
|
+
},
|
686
865
|
"Primer::Beta::Text": {
|
687
866
|
"DEFAULT_TAG": "span"
|
688
867
|
},
|
@@ -736,38 +915,9 @@
|
|
736
915
|
"Menu": "Primer::Dropdown::Menu"
|
737
916
|
},
|
738
917
|
"Primer::Dropdown::Menu": {
|
739
|
-
"
|
740
|
-
"AS_OPTIONS": [
|
741
|
-
"default",
|
742
|
-
"list"
|
743
|
-
],
|
744
|
-
"DIRECTION_DEFAULT": "se",
|
745
|
-
"DIRECTION_OPTIONS": [
|
746
|
-
"se",
|
747
|
-
"sw",
|
748
|
-
"w",
|
749
|
-
"e",
|
750
|
-
"ne",
|
751
|
-
"s"
|
752
|
-
],
|
753
|
-
"Item": "Primer::Dropdown::Menu::Item",
|
754
|
-
"SCHEME_DEFAULT": "default",
|
755
|
-
"SCHEME_MAPPINGS": {
|
756
|
-
"default": "",
|
757
|
-
"dark": "dropdown-menu-dark"
|
758
|
-
}
|
918
|
+
"Item": "Primer::Dropdown::Menu::Item"
|
759
919
|
},
|
760
920
|
"Primer::Dropdown::Menu::Item": {
|
761
|
-
"BUTTON_TAGS": [
|
762
|
-
"button",
|
763
|
-
"summary"
|
764
|
-
],
|
765
|
-
"TAG_DEFAULT": "a",
|
766
|
-
"TAG_OPTIONS": [
|
767
|
-
"a",
|
768
|
-
"button",
|
769
|
-
"summary"
|
770
|
-
]
|
771
921
|
},
|
772
922
|
"Primer::DropdownMenuComponent": {
|
773
923
|
"DIRECTION_DEFAULT": "se",
|
@@ -798,8 +948,6 @@
|
|
798
948
|
"danger"
|
799
949
|
]
|
800
950
|
},
|
801
|
-
"Primer::Image": {
|
802
|
-
},
|
803
951
|
"Primer::LabelComponent": {
|
804
952
|
},
|
805
953
|
"Primer::LayoutComponent": {
|
@@ -882,24 +1030,6 @@
|
|
882
1030
|
"Primer::OcticonSymbolsComponent": {
|
883
1031
|
},
|
884
1032
|
"Primer::PopoverComponent": {
|
885
|
-
"CARET_DEFAULT": "top",
|
886
|
-
"CARET_MAPPINGS": {
|
887
|
-
"top": "",
|
888
|
-
"bottom": "Popover-message--bottom",
|
889
|
-
"bottom_right": "Popover-message--bottom-right",
|
890
|
-
"bottom_left": "Popover-message--bottom-left",
|
891
|
-
"left": "Popover-message--left",
|
892
|
-
"left_bottom": "Popover-message--left-bottom",
|
893
|
-
"left_top": "Popover-message--left-top",
|
894
|
-
"right": "Popover-message--right",
|
895
|
-
"right_bottom": "Popover-message--right-bottom",
|
896
|
-
"right_top": "Popover-message--right-top",
|
897
|
-
"top_left": "Popover-message--top-left",
|
898
|
-
"top_right": "Popover-message--top-right"
|
899
|
-
},
|
900
|
-
"DEFAULT_HEADING_TAG": "h4"
|
901
|
-
},
|
902
|
-
"Primer::ProgressBarComponent": {
|
903
1033
|
},
|
904
1034
|
"Primer::SpinnerComponent": {
|
905
1035
|
"DEFAULT_SIZE": "medium",
|
data/static/statuses.json
CHANGED
@@ -11,6 +11,9 @@
|
|
11
11
|
"Primer::Alpha::Dialog::Body": "alpha",
|
12
12
|
"Primer::Alpha::Dialog::Footer": "alpha",
|
13
13
|
"Primer::Alpha::Dialog::Header": "alpha",
|
14
|
+
"Primer::Alpha::Dropdown": "alpha",
|
15
|
+
"Primer::Alpha::Dropdown::Menu": "alpha",
|
16
|
+
"Primer::Alpha::Dropdown::Menu::Item": "alpha",
|
14
17
|
"Primer::Alpha::HiddenTextExpander": "alpha",
|
15
18
|
"Primer::Alpha::Image": "alpha",
|
16
19
|
"Primer::Alpha::ImageCrop": "alpha",
|
@@ -42,6 +45,7 @@
|
|
42
45
|
"Primer::Beta::Breadcrumbs::Item": "alpha",
|
43
46
|
"Primer::Beta::Button": "beta",
|
44
47
|
"Primer::Beta::ButtonGroup": "beta",
|
48
|
+
"Primer::Beta::ClipboardCopy": "beta",
|
45
49
|
"Primer::Beta::CloseButton": "beta",
|
46
50
|
"Primer::Beta::Counter": "beta",
|
47
51
|
"Primer::Beta::Details": "beta",
|
@@ -50,24 +54,25 @@
|
|
50
54
|
"Primer::Beta::IconButton": "beta",
|
51
55
|
"Primer::Beta::Label": "beta",
|
52
56
|
"Primer::Beta::Link": "beta",
|
57
|
+
"Primer::Beta::Popover": "beta",
|
53
58
|
"Primer::Beta::ProgressBar": "beta",
|
59
|
+
"Primer::Beta::RelativeTime": "beta",
|
54
60
|
"Primer::Beta::Text": "beta",
|
55
61
|
"Primer::Beta::Truncate": "beta",
|
56
62
|
"Primer::Beta::Truncate::TruncateText": "alpha",
|
57
63
|
"Primer::BlankslateComponent": "deprecated",
|
58
64
|
"Primer::Box": "stable",
|
59
65
|
"Primer::BoxComponent": "deprecated",
|
60
|
-
"Primer::ButtonComponent": "
|
61
|
-
"Primer::ClipboardCopy": "
|
66
|
+
"Primer::ButtonComponent": "deprecated",
|
67
|
+
"Primer::ClipboardCopy": "deprecated",
|
62
68
|
"Primer::ConditionalWrapper": "alpha",
|
63
69
|
"Primer::Content": "stable",
|
64
|
-
"Primer::Dropdown": "
|
65
|
-
"Primer::Dropdown::Menu": "
|
66
|
-
"Primer::Dropdown::Menu::Item": "
|
70
|
+
"Primer::Dropdown": "deprecated",
|
71
|
+
"Primer::Dropdown::Menu": "deprecated",
|
72
|
+
"Primer::Dropdown::Menu::Item": "deprecated",
|
67
73
|
"Primer::DropdownMenuComponent": "deprecated",
|
68
74
|
"Primer::HellipButton": "alpha",
|
69
75
|
"Primer::IconButton": "deprecated",
|
70
|
-
"Primer::Image": "deprecated",
|
71
76
|
"Primer::LabelComponent": "deprecated",
|
72
77
|
"Primer::LayoutComponent": "alpha",
|
73
78
|
"Primer::LinkComponent": "deprecated",
|
@@ -77,8 +82,7 @@
|
|
77
82
|
"Primer::Navigation::TabComponent": "alpha",
|
78
83
|
"Primer::OcticonComponent": "beta",
|
79
84
|
"Primer::OcticonSymbolsComponent": "alpha",
|
80
|
-
"Primer::PopoverComponent": "
|
81
|
-
"Primer::ProgressBarComponent": "deprecated",
|
85
|
+
"Primer::PopoverComponent": "deprecated",
|
82
86
|
"Primer::SpinnerComponent": "beta",
|
83
87
|
"Primer::StateComponent": "beta",
|
84
88
|
"Primer::SubheadComponent": "beta",
|