npm - @primer/view-components - Versions diffs - 0.0.103 → 0.0.105 - Mend

@primer/view-components 0.0.103 → 0.0.105

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 (19) hide show

package/static/arguments.json CHANGED Viewed

@@ -1,7 +1,9 @@
 [
   {
     "component": "ActionList",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/default/",
     "parameters": [
       {
         "name": "role",
@@ -37,7 +39,9 @@
   },
   {
     "component": "ActionList::Divider",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/divider.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/divider/default/",
     "parameters": [
       {
         "name": "scheme",
@@ -55,7 +59,9 @@
   },
   {
     "component": "ActionList::Heading",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/heading/default/",
     "parameters": [
       {
         "name": "list_id",
@@ -97,7 +103,9 @@
   },
   {
     "component": "ActionList::Item",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/action_list/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/action_list/item/default/",
     "parameters": [
       {
         "name": "list",
@@ -199,7 +207,9 @@
   },
   {
     "component": "ButtonMarketing",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/button_marketing.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/button_marketing/default/",
     "parameters": [
       {
         "name": "scheme",
@@ -235,7 +245,9 @@
   },
   {
     "component": "Dialog",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dialog.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dialog/default/",
     "parameters": [
       {
         "name": "id",
@@ -289,7 +301,9 @@
   },
   {
     "component": "HiddenTextExpander",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/hidden_text_expander.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/hidden_text_expander/default/",
     "parameters": [
       {
         "name": "inline",
@@ -311,9 +325,69 @@
       }
     ]
   },
+  {
+    "component": "Image",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The source url of the image."
+      },
+      {
+        "name": "alt",
+        "type": "String",
+        "default": "N/A",
+        "description": "Specifies an alternate text for the image."
+      },
+      {
+        "name": "lazy",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to lazily load the image."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "ImageCrop",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/image_crop.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/image_crop/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The path of the image to crop."
+      },
+      {
+        "name": "rounded",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "If the crop mask should be a circle. Defaults to true."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Layout",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/layout.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/layout/default/",
     "parameters": [
       {
         "name": "stacking_breakpoint",
@@ -343,7 +417,9 @@
   },
   {
     "component": "NavList",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/default/",
     "parameters": [
       {
         "name": "selected_item_id",
@@ -361,7 +437,9 @@
   },
   {
     "component": "NavList::Item",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/item/default/",
     "parameters": [
       {
         "name": "selected_item_id",
@@ -397,7 +475,9 @@
   },
   {
     "component": "NavList::Section",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/nav_list/section.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/nav_list/section/default/",
     "parameters": [
       {
         "name": "selected_item_id",
@@ -413,9 +493,43 @@
       }
     ]
   },
+  {
+    "component": "SegmentedControl",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/segmented_control.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/segmented_control/default/",
+    "parameters": [
+      {
+        "name": "hide_labels",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to hide the labels and only show the icons"
+      },
+      {
+        "name": "full_width",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If the component should be full width"
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large`, `:medium`, or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "TabNav",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_nav/default/",
     "parameters": [
       {
         "name": "tag",
@@ -445,7 +559,9 @@
   },
   {
     "component": "TabPanels",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tab_panels/default/",
     "parameters": [
       {
         "name": "label",
@@ -481,7 +597,9 @@
   },
   {
     "component": "TextField",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/text_field.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/text_field/default/",
     "parameters": [
       {
         "name": "name",
@@ -613,7 +731,9 @@
   },
   {
     "component": "ToggleSwitch",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/toggle_switch.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/toggle_switch/default/",
     "parameters": [
       {
         "name": "src",
@@ -661,7 +781,9 @@
   },
   {
     "component": "Tooltip",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tooltip.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/tooltip/default/",
     "parameters": [
       {
         "name": "for_id",
@@ -697,7 +819,9 @@
   },
   {
     "component": "UnderlineNav",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_nav/default/",
     "parameters": [
       {
         "name": "tag",
@@ -733,7 +857,9 @@
   },
   {
     "component": "UnderlinePanels",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_panels.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/underline_panels/default/",
     "parameters": [
       {
         "name": "label",
@@ -769,7 +895,9 @@
   },
   {
     "component": "AutoComplete",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/default/",
     "parameters": [
       {
         "name": "label_text",
@@ -865,7 +993,9 @@
   },
   {
     "component": "AutoComplete::Item",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/auto_complete/item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/auto_complete/item/default/",
     "parameters": [
       {
         "name": "value",
@@ -907,7 +1037,9 @@
   },
   {
     "component": "Avatar",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar/default/",
     "parameters": [
       {
         "name": "src",
@@ -949,7 +1081,9 @@
   },
   {
     "component": "AvatarStack",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/avatar_stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/avatar_stack/default/",
     "parameters": [
       {
         "name": "tag",
@@ -985,7 +1119,9 @@
   },
   {
     "component": "BaseButton",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/base_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/base_button/default/",
     "parameters": [
       {
         "name": "tag",
@@ -1015,7 +1151,9 @@
   },
   {
     "component": "Blankslate",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/blankslate.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/blankslate/default/",
     "parameters": [
       {
         "name": "narrow",
@@ -1045,7 +1183,9 @@
   },
   {
     "component": "BorderBox",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/default/",
     "parameters": [
       {
         "name": "padding",
@@ -1063,7 +1203,9 @@
   },
   {
     "component": "BorderBox::Header",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/border_box/header.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/border_box/header/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1075,7 +1217,9 @@
   },
   {
     "component": "Breadcrumbs",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/breadcrumbs/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1087,7 +1231,9 @@
   },
   {
     "component": "Button",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button/default/",
     "parameters": [
       {
         "name": "scheme",
@@ -1135,7 +1281,9 @@
   },
   {
     "component": "ButtonGroup",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/button_group.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/button_group/default/",
     "parameters": [
       {
         "name": "variant",
@@ -1159,7 +1307,9 @@
   },
   {
     "component": "CloseButton",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/close_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/close_button/default/",
     "parameters": [
       {
         "name": "type",
@@ -1177,7 +1327,9 @@
   },
   {
     "component": "Counter",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/counter.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/counter/default/",
     "parameters": [
       {
         "name": "count",
@@ -1225,7 +1377,9 @@
   },
   {
     "component": "Details",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/details.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/details/default/",
     "parameters": [
       {
         "name": "overlay",
@@ -1249,7 +1403,9 @@
   },
   {
     "component": "Flash",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/flash.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/flash/default/",
     "parameters": [
       {
         "name": "full",
@@ -1291,7 +1447,9 @@
   },
   {
     "component": "Heading",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/heading.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/heading/default/",
     "parameters": [
       {
         "name": "tag",
@@ -1309,7 +1467,9 @@
   },
   {
     "component": "IconButton",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/icon_button/default/",
     "parameters": [
       {
         "name": "icon",
@@ -1359,6 +1519,12 @@
         "default": "N/A",
         "description": "String that can be read by assistive technology. A description can be longer as it is intended to provide more context and information. See the accessibility section for more information."
       },
+      {
+        "name": "show_tooltip",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to show a tooltip when this button is hovered. Tooltips should only be hidden if the aria label is redundant, i.e. if the icon has a widely understood definition."
+      },
       {
         "name": "tooltip_direction",
         "type": "Symbol",
@@ -1373,9 +1539,99 @@
       }
     ]
   },
+  {
+    "component": "Label",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/label.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/label/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:span`",
+        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:large` or `:medium`."
+      },
+      {
+        "name": "inline",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not to render this label inline."
+      },
+      {
+        "name": "variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "One of `:inline`, `:large`, or `:none`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "Link",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/link.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/link/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "String",
+        "default": "`:a`",
+        "description": "One of `:a` or `:span`."
+      },
+      {
+        "name": "href",
+        "type": "String",
+        "default": "`nil`",
+        "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:primary`, or `:secondary`."
+      },
+      {
+        "name": "muted",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Uses light gray for Link color, and blue on hover."
+      },
+      {
+        "name": "underline",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether or not to underline the link."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Text",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/text/default/",
     "parameters": [
       {
         "name": "tag",
@@ -1393,7 +1649,9 @@
   },
   {
     "component": "Truncate",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/truncate.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/truncate/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1405,7 +1663,9 @@
   },
   {
     "component": "Box",
+    "status": "stable",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/box/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1417,7 +1677,9 @@
   },
   {
     "component": "Button",
+    "status": "beta",
     "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": [
       {
         "name": "scheme",
@@ -1477,7 +1739,9 @@
   },
   {
     "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",
@@ -1507,7 +1771,9 @@
   },
   {
     "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",
@@ -1531,7 +1797,9 @@
   },
   {
     "component": "DropdownMenu",
+    "status": "deprecated",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown_menu_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown_menu/default/",
     "parameters": [
       {
         "name": "direction",
@@ -1561,7 +1829,9 @@
   },
   {
     "component": "HellipButton",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/hellip_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/hellip_button/default/",
     "parameters": [
       {
         "name": "inline",
@@ -1579,7 +1849,9 @@
   },
   {
     "component": "IconButton",
+    "status": "deprecated",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/icon_button.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/icon_button/default/",
     "parameters": [
       {
         "name": "scheme",
@@ -1637,105 +1909,11 @@
       }
     ]
   },
-  {
-    "component": "Image",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/image.rb",
-    "parameters": [
-      {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The source url of the image."
-      },
-      {
-        "name": "alt",
-        "type": "String",
-        "default": "N/A",
-        "description": "Specifies an alternate text for the image."
-      },
-      {
-        "name": "lazy",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to lazily load the image."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "ImageCrop",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/image_crop.rb",
-    "parameters": [
-      {
-        "name": "src",
-        "type": "String",
-        "default": "N/A",
-        "description": "The path of the image to crop."
-      },
-      {
-        "name": "rounded",
-        "type": "Boolean",
-        "default": "`true`",
-        "description": "If the crop mask should be a circle. Defaults to true."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
-  {
-    "component": "Label",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/label_component.rb",
-    "parameters": [
-      {
-        "name": "tag",
-        "type": "Symbol",
-        "default": "`:span`",
-        "description": "One of `:a`, `:div`, `:span`, or `:summary`."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`, or `:warning`."
-      },
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:medium`",
-        "description": "One of `:large` or `:medium`."
-      },
-      {
-        "name": "inline",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not to render this label inline."
-      },
-      {
-        "name": "variant",
-        "type": "Symbol",
-        "default": "`:none`",
-        "description": "One of `:inline`, `:large`, or `:none`."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Layout",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/layout_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/layout/default/",
     "parameters": [
       {
         "name": "responsive",
@@ -1763,51 +1941,11 @@
       }
     ]
   },
-  {
-    "component": "Link",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/link_component.rb",
-    "parameters": [
-      {
-        "name": "tag",
-        "type": "String",
-        "default": "`:a`",
-        "description": "One of `:a` or `:span`."
-      },
-      {
-        "name": "href",
-        "type": "String",
-        "default": "`nil`",
-        "description": "URL to be used for the Link. Required if tag is `:a`. If the requirements are not met an error will be raised in non production environments. In production, an empty link element will be rendered."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:primary`, or `:secondary`."
-      },
-      {
-        "name": "muted",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Uses light gray for Link color, and blue on hover."
-      },
-      {
-        "name": "underline",
-        "type": "Boolean",
-        "default": "`true`",
-        "description": "Whether or not to underline the link."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "LocalTime",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/local_time.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/local_time/default/",
     "parameters": [
       {
         "name": "datetime",
@@ -1879,7 +2017,9 @@
   },
   {
     "component": "Markdown",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/markdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/markdown/default/",
     "parameters": [
       {
         "name": "tag",
@@ -1897,7 +2037,9 @@
   },
   {
     "component": "Menu",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/menu_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/menu/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -1909,7 +2051,9 @@
   },
   {
     "component": "Navigation::Tab",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/navigation/tab_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/navigation/tab/default/",
     "parameters": [
       {
         "name": "list",
@@ -1957,7 +2101,9 @@
   },
   {
     "component": "Octicon",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon/default/",
     "parameters": [
       {
         "name": "icon_name",
@@ -1993,7 +2139,9 @@
   },
   {
     "component": "OcticonSymbols",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/octicon_symbols_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/octicon_symbols/default/",
     "parameters": [
       {
         "name": "icons",
@@ -2005,7 +2153,9 @@
   },
   {
     "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",
@@ -2017,7 +2167,9 @@
   },
   {
     "component": "ProgressBar",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/progress_bar_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/progress_bar/default/",
     "parameters": [
       {
         "name": "size",
@@ -2035,7 +2187,9 @@
   },
   {
     "component": "Spinner",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/spinner_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/spinner/default/",
     "parameters": [
       {
         "name": "size",
@@ -2059,7 +2213,9 @@
   },
   {
     "component": "State",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/state_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/state/default/",
     "parameters": [
       {
         "name": "title",
@@ -2095,7 +2251,9 @@
   },
   {
     "component": "Subhead",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/subhead_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/subhead/default/",
     "parameters": [
       {
         "name": "spacious",
@@ -2119,7 +2277,9 @@
   },
   {
     "component": "TabContainer",
+    "status": "alpha",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tab_container_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tab_container/default/",
     "parameters": [
       {
         "name": "system_arguments",
@@ -2131,7 +2291,9 @@
   },
   {
     "component": "TimeAgo",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/time_ago/default/",
     "parameters": [
       {
         "name": "time",
@@ -2155,7 +2317,9 @@
   },
   {
     "component": "TimelineItem",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/timeline_item_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/timeline_item/default/",
     "parameters": [
       {
         "name": "condensed",
@@ -2173,7 +2337,9 @@
   },
   {
     "component": "Tooltip",
+    "status": "deprecated",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/tooltip.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/tooltip/default/",
     "parameters": [
       {
         "name": "label",
@@ -2215,7 +2381,9 @@
   },
   {
     "component": "Truncate",
+    "status": "beta",
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/truncate.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/truncate/default/",
     "parameters": [
       {
         "name": "tag",