@primer/view-components 0.0.111 → 0.0.113

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.0.111",
+  "version": "0.0.113",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -48,8 +48,8 @@
     "@github/details-menu-element": "^1.0.12",
     "@github/image-crop-element": "^5.0.0",
     "@github/mini-throttle": "^2.1.0",
+    "@github/relative-time-element": "^4.0.0",
     "@github/tab-container-element": "^3.1.2",
-    "@github/time-elements": "^3.1.2",
     "@primer/behaviors": "^1.2.0"
   },
   "devDependencies": {

package/static/arguments.json

@@ -355,6 +355,32 @@
       }
     ]
   },
+  {
+    "component": "Dropdown",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
+    "parameters": [
+      {
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "with_caret",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not a caret should be rendered in the button."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "HiddenTextExpander",
     "status": "alpha",
@@ -1361,6 +1387,38 @@
       }
     ]
   },
+  {
+    "component": "ClipboardCopy",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/clipboard_copy.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/clipboard_copy/default/",
+    "parameters": [
+      {
+        "name": "aria-label",
+        "type": "String",
+        "default": "N/A",
+        "description": "String that will be read to screenreaders when the component is focused"
+      },
+      {
+        "name": "value",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text to copy into the users clipboard when they click the component."
+      },
+      {
+        "name": "for",
+        "type": "String",
+        "default": "N/A",
+        "description": "Element id from where to get the copied value."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "CloseButton",
     "status": "beta",
@@ -1683,6 +1741,20 @@
       }
     ]
   },
+  {
+    "component": "Popover",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "ProgressBar",
     "status": "beta",
@@ -1703,6 +1775,116 @@
       }
     ]
   },
+  {
+    "component": "RelativeTime",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/relative_time.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/relative_time/default/",
+    "parameters": [
+      {
+        "name": "datetime",
+        "type": "Time",
+        "default": "N/A",
+        "description": "The time to be formatted."
+      },
+      {
+        "name": "tense",
+        "type": "Symbol",
+        "default": "`:auto`",
+        "description": "Which tense to use. One of `:auto`, `:future`, or `:past`."
+      },
+      {
+        "name": "prefix",
+        "type": "sring",
+        "default": "`nil`",
+        "description": "What to prefix the relative ime display with."
+      },
+      {
+        "name": "second",
+        "type": "Symbol",
+        "default": "`SECOND_DEFAULT`",
+        "description": "What format seconds should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "minute",
+        "type": "Symbol",
+        "default": "`MINUTE_DEFAULT`",
+        "description": "What format minues should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "hour",
+        "type": "Symbol",
+        "default": "`HOUR_DEFAULT`",
+        "description": "What format hours should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "weekday",
+        "type": "Symbol",
+        "default": "`WEEKDAY_DEFAULT`",
+        "description": "What format weekdays should take. One of `nil`, `:long`, `:narrow`, or `:short`."
+      },
+      {
+        "name": "day",
+        "type": "Symbol",
+        "default": "`DAY_DEFAULT`",
+        "description": "What format days should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "month",
+        "type": "Symbol",
+        "default": "`MONTH_DEFAULT`",
+        "description": "What format months should take. One of `nil`, `:long`, `:narrow`, `:numeric`, `:short`, or `:two_digit`."
+      },
+      {
+        "name": "year",
+        "type": "Symbol",
+        "default": "`YEAR_DEFAULT`",
+        "description": "What format years should take. One of `nil`, `:numeric`, or `:two_digit`."
+      },
+      {
+        "name": "time_zone_name",
+        "type": "Symbol",
+        "default": "`TIMEZONENAME_DEFAULT`",
+        "description": "What format the time zone should take. One of `nil`, `:long`, `:long_generic`, `:long_offset`, `:short`, `:short_generic`, or `:short_offset`."
+      },
+      {
+        "name": "threshold",
+        "type": "string",
+        "default": "`nil`",
+        "description": "The threshold at which relative time displays become absolute."
+      },
+      {
+        "name": "precision",
+        "type": "Symbol",
+        "default": "`PRECISION_DEFAULT`",
+        "description": "The precision elapsed time should display. One of `nil`, `:day`, `:hour`, `:minute`, `:month`, `:second`, or `:year`."
+      },
+      {
+        "name": "format",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The format the display should take. One of `:auto`, `:elapsed`, or `:micro`."
+      },
+      {
+        "name": "lang",
+        "type": "string",
+        "default": "`nil`",
+        "description": "The language to use."
+      },
+      {
+        "name": "title",
+        "type": "string",
+        "default": "`nil`",
+        "description": "Provide a custom title to the element."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Text",
     "status": "beta",
@@ -1753,7 +1935,7 @@
   },
   {
     "component": "Button",
-    "status": "beta",
+    "status": "deprecated",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/button/default/",
     "parameters": [
@@ -1813,64 +1995,6 @@
       }
     ]
   },
-  {
-    "component": "ClipboardCopy",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/clipboard_copy.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/clipboard_copy/default/",
-    "parameters": [
-      {
-        "name": "aria-label",
-        "type": "String",
-        "default": "N/A",
-        "description": "String that will be read to screenreaders when the component is focused"
-      },
-      {
-        "name": "value",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Text to copy into the users clipboard when they click the component."
-      },
-      {
-        "name": "for",
-        "type": "String",
-        "default": "N/A",
-        "description": "Element id from where to get the copied value."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Dropdown",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
-    "parameters": [
-      {
-        "name": "overlay",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:dark`, `:default`, or `:none`."
-      },
-      {
-        "name": "with_caret",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not a caret should be rendered in the button."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "DropdownMenu",
     "status": "deprecated",
@@ -2227,20 +2351,6 @@
       }
     ]
   },
-  {
-    "component": "Popover",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
-    "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Spinner",
     "status": "beta",

package/static/audited_at.json

@@ -7,10 +7,13 @@
   "Primer::Alpha::AutoComplete::Item": "",
   "Primer::Alpha::Banner": "",
   "Primer::Alpha::ButtonMarketing": "",
-  "Primer::Alpha::Dialog": "",
-  "Primer::Alpha::Dialog::Body": "",
-  "Primer::Alpha::Dialog::Footer": "",
-  "Primer::Alpha::Dialog::Header": "",
+  "Primer::Alpha::Dialog": "2022-10-10",
+  "Primer::Alpha::Dialog::Body": "2022-10-10",
+  "Primer::Alpha::Dialog::Footer": "2022-10-10",
+  "Primer::Alpha::Dialog::Header": "2022-10-10",
+  "Primer::Alpha::Dropdown": "",
+  "Primer::Alpha::Dropdown::Menu": "",
+  "Primer::Alpha::Dropdown::Menu::Item": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",
   "Primer::Alpha::ImageCrop": "",
@@ -42,6 +45,7 @@
   "Primer::Beta::Breadcrumbs::Item": "",
   "Primer::Beta::Button": "",
   "Primer::Beta::ButtonGroup": "",
+  "Primer::Beta::ClipboardCopy": "",
   "Primer::Beta::CloseButton": "",
   "Primer::Beta::Counter": "",
   "Primer::Beta::Details": "",
@@ -50,7 +54,9 @@
   "Primer::Beta::IconButton": "",
   "Primer::Beta::Label": "",
   "Primer::Beta::Link": "",
+  "Primer::Beta::Popover": "",
   "Primer::Beta::ProgressBar": "",
+  "Primer::Beta::RelativeTime": "",
   "Primer::Beta::Text": "",
   "Primer::Beta::Truncate": "",
   "Primer::Beta::Truncate::TruncateText": "",
@@ -67,7 +73,6 @@
   "Primer::DropdownMenuComponent": "",
   "Primer::HellipButton": "",
   "Primer::IconButton": "",
-  "Primer::Image": "",
   "Primer::LabelComponent": "",
   "Primer::LayoutComponent": "",
   "Primer::LinkComponent": "",
@@ -78,7 +83,6 @@
   "Primer::OcticonComponent": "",
   "Primer::OcticonSymbolsComponent": "",
   "Primer::PopoverComponent": "",
-  "Primer::ProgressBarComponent": "",
   "Primer::SpinnerComponent": "",
   "Primer::StateComponent": "",
   "Primer::SubheadComponent": "",

package/static/constants.json

@@ -179,6 +179,43 @@
   },
   "Primer::Alpha::Dialog::Header": {
   },
+  "Primer::Alpha::Dropdown": {
+    "Menu": "Primer::Alpha::Dropdown::Menu"
+  },
+  "Primer::Alpha::Dropdown::Menu": {
+    "AS_DEFAULT": "default",
+    "AS_OPTIONS": [
+      "default",
+      "list"
+    ],
+    "DIRECTION_DEFAULT": "se",
+    "DIRECTION_OPTIONS": [
+      "se",
+      "sw",
+      "w",
+      "e",
+      "ne",
+      "s"
+    ],
+    "Item": "Primer::Alpha::Dropdown::Menu::Item",
+    "SCHEME_DEFAULT": "default",
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "dark": "dropdown-menu-dark"
+    }
+  },
+  "Primer::Alpha::Dropdown::Menu::Item": {
+    "BUTTON_TAGS": [
+      "button",
+      "summary"
+    ],
+    "TAG_DEFAULT": "a",
+    "TAG_OPTIONS": [
+      "a",
+      "button",
+      "summary"
+    ]
+  },
   "Primer::Alpha::HiddenTextExpander": {
   },
   "Primer::Alpha::Image": {
@@ -521,6 +558,8 @@
   },
   "Primer::Beta::ButtonGroup": {
   },
+  "Primer::Beta::ClipboardCopy": {
+  },
   "Primer::Beta::CloseButton": {
     "DEFAULT_TYPE": "button",
     "TYPE_OPTIONS": [
@@ -670,6 +709,24 @@
       "span"
     ]
   },
+  "Primer::Beta::Popover": {
+    "CARET_DEFAULT": "top",
+    "CARET_MAPPINGS": {
+      "top": "",
+      "bottom": "Popover-message--bottom",
+      "bottom_right": "Popover-message--bottom-right",
+      "bottom_left": "Popover-message--bottom-left",
+      "left": "Popover-message--left",
+      "left_bottom": "Popover-message--left-bottom",
+      "left_top": "Popover-message--left-top",
+      "right": "Popover-message--right",
+      "right_bottom": "Popover-message--right-bottom",
+      "right_top": "Popover-message--right-top",
+      "top_left": "Popover-message--top-left",
+      "top_right": "Popover-message--top-right"
+    },
+    "DEFAULT_HEADING_TAG": "h4"
+  },
   "Primer::Beta::ProgressBar": {
     "SIZE_DEFAULT": "default",
     "SIZE_MAPPINGS": {
@@ -683,6 +740,128 @@
       "large"
     ]
   },
+  "Primer::Beta::RelativeTime": {
+    "DAY_DEFAULT": null,
+    "DAY_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit"
+    },
+    "DAY_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit"
+    ],
+    "FORMAT_DEFAULT": "auto",
+    "FORMAT_OPTIONS": [
+      "auto",
+      "micro",
+      "elapsed"
+    ],
+    "HOUR_DEFAULT": null,
+    "HOUR_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit"
+    },
+    "HOUR_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit"
+    ],
+    "MINUTE_DEFAULT": null,
+    "MINUTE_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit"
+    },
+    "MINUTE_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit"
+    ],
+    "MONTH_DEFAULT": null,
+    "MONTH_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit",
+      "short": "short",
+      "long": "long",
+      "narrow": "narrow"
+    },
+    "MONTH_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit",
+      "short",
+      "long",
+      "narrow"
+    ],
+    "PRECISION_DEFAULT": null,
+    "PRECISION_OPTIONS": [
+      null,
+      "second",
+      "minute",
+      "hour",
+      "day",
+      "month",
+      "year"
+    ],
+    "SECOND_DEFAULT": null,
+    "SECOND_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit"
+    },
+    "SECOND_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit"
+    ],
+    "TENSE_DEFAULT": "auto",
+    "TENSE_OPTIONS": [
+      "auto",
+      "past",
+      "future"
+    ],
+    "TIMEZONENAME_DEFAULT": null,
+    "TIMEZONENAME_OPTIONS": [
+      null,
+      "long",
+      "short",
+      "short_offset",
+      "long_offset",
+      "short_generic",
+      "long_generic"
+    ],
+    "TIMEZONE_MAPPINGS": {
+      "": null,
+      "long": "long",
+      "short": "short",
+      "short_offset": "shortOffset",
+      "long_offset": "longOffset",
+      "short_generic": "shortGeneric",
+      "long_generic": "longGeneric"
+    },
+    "WEEKDAY_DEFAULT": null,
+    "WEEKDAY_OPTIONS": [
+      null,
+      "long",
+      "short",
+      "narrow"
+    ],
+    "YEAR_DEFAULT": null,
+    "YEAR_MAPPINGS": {
+      "": null,
+      "numeric": "numeric",
+      "two_digit": "2-digit"
+    },
+    "YEAR_OPTIONS": [
+      null,
+      "numeric",
+      "two_digit"
+    ]
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -736,38 +915,9 @@
     "Menu": "Primer::Dropdown::Menu"
   },
   "Primer::Dropdown::Menu": {
-    "AS_DEFAULT": "default",
-    "AS_OPTIONS": [
-      "default",
-      "list"
-    ],
-    "DIRECTION_DEFAULT": "se",
-    "DIRECTION_OPTIONS": [
-      "se",
-      "sw",
-      "w",
-      "e",
-      "ne",
-      "s"
-    ],
-    "Item": "Primer::Dropdown::Menu::Item",
-    "SCHEME_DEFAULT": "default",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "dark": "dropdown-menu-dark"
-    }
+    "Item": "Primer::Dropdown::Menu::Item"
   },
   "Primer::Dropdown::Menu::Item": {
-    "BUTTON_TAGS": [
-      "button",
-      "summary"
-    ],
-    "TAG_DEFAULT": "a",
-    "TAG_OPTIONS": [
-      "a",
-      "button",
-      "summary"
-    ]
   },
   "Primer::DropdownMenuComponent": {
     "DIRECTION_DEFAULT": "se",
@@ -798,8 +948,6 @@
       "danger"
     ]
   },
-  "Primer::Image": {
-  },
   "Primer::LabelComponent": {
   },
   "Primer::LayoutComponent": {
@@ -882,24 +1030,6 @@
   "Primer::OcticonSymbolsComponent": {
   },
   "Primer::PopoverComponent": {
-    "CARET_DEFAULT": "top",
-    "CARET_MAPPINGS": {
-      "top": "",
-      "bottom": "Popover-message--bottom",
-      "bottom_right": "Popover-message--bottom-right",
-      "bottom_left": "Popover-message--bottom-left",
-      "left": "Popover-message--left",
-      "left_bottom": "Popover-message--left-bottom",
-      "left_top": "Popover-message--left-top",
-      "right": "Popover-message--right",
-      "right_bottom": "Popover-message--right-bottom",
-      "right_top": "Popover-message--right-top",
-      "top_left": "Popover-message--top-left",
-      "top_right": "Popover-message--top-right"
-    },
-    "DEFAULT_HEADING_TAG": "h4"
-  },
-  "Primer::ProgressBarComponent": {
   },
   "Primer::SpinnerComponent": {
     "DEFAULT_SIZE": "medium",