primer_view_components 0.33.0 → 0.35.0

data/previews/primer/alpha/tooltip_preview/tooltip_inside_primer_overlay.html.erb

@@ -6,10 +6,10 @@
     Open Overlay
     <% b.with_tooltip(text: "Opens an overlay") %>
   <% end %>
-  <% d.with_header do  %>
+  <% d.with_header do %>
     An overlay
   <% end %>
-  <% d.with_body do  %>
+  <% d.with_body do %>
 
     <%= render(Primer::Beta::Button.new(id: "overlay-button")) do |b| %>
       <% b.with_tooltip(text: "This is a tooltip in an Overlay") %>

data/previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb

@@ -13,7 +13,7 @@
 <% end %>
 <label>
   An input
-  <input type="text" id="input">
+  <input type="text" id="input" autocomplete="off">
 </label>
 <script>
   document.querySelector('#my-dialog').addEventListener('close', function () {

data/previews/primer/alpha/underline_nav_preview/default.html.erb

@@ -3,6 +3,6 @@
     <% component.with_tab(href: "#", selected: i.zero?) { "Item #{i + 1}" } %>
   <% end %>
   <% component.with_actions do %>
-    <%= render(Primer::ButtonComponent.new) { "Button" } %>
+    <%= render(Primer::Beta::Button.new) { "Button" } %>
   <% end %>
 <% end %>

data/previews/primer/alpha/underline_nav_preview/playground.html.erb

@@ -3,6 +3,6 @@
     <% component.with_tab(href: "#", selected: i.zero?) { "Item #{i + 1}" } %>
   <% end %>
   <% component.with_actions do %>
-    <%= render(Primer::ButtonComponent.new) { "Button" } %>
+    <%= render(Primer::Beta::Button.new) { "Button" } %>
   <% end %>
 <% end %>

data/previews/primer/beta/auto_complete_preview/with_submit_button.html.erb

@@ -1,20 +1,20 @@
 <div class="d-flex flex-items-start flex-column flex-sm-row flex-sm-items-end" style="gap: .5rem">
-    <%= render(
-        Primer::Beta::AutoComplete.new(
-            label_text: label_text,
-            input_id: input_id,
-            list_id: list_id,
-            src: autocomplete_index_path,
-            show_clear_button: show_clear_button,
-            visually_hide_label: visually_hide_label,
-            placeholder: placeholder,
-            size: size,
-            full_width: full_width,
-            disabled: disabled,
-            invalid: invalid,
-            input_name: input_name
-    )) do |component| %>
-        <% component.with_leading_visual_icon(icon: :search) %>
-    <% end %>
-    <%= render(Primer::ButtonComponent.new(scheme: :primary)) { "Submit" } %>
+  <%= render(
+    Primer::Beta::AutoComplete.new(
+      label_text: label_text,
+      input_id: input_id,
+      list_id: list_id,
+      src: autocomplete_index_path,
+      show_clear_button: show_clear_button,
+      visually_hide_label: visually_hide_label,
+      placeholder: placeholder,
+      size: size,
+      full_width: full_width,
+      disabled: disabled,
+      invalid: invalid,
+      input_name: input_name
+  )) do |component| %>
+    <% component.with_leading_visual_icon(icon: :search) %>
+  <% end %>
+  <%= render(Primer::Beta::Button.new(scheme: :primary)) { "Submit" } %>
 </div>

data/previews/primer/beta/breadcrumbs_preview/with_deprecated_truncate.html.erb

@@ -8,7 +8,9 @@
 <%= render(Primer::Beta::Breadcrumbs.new) do |breadcrumbs| %>
   <% texts.each_with_index do |text, i| %>
     <% breadcrumbs.with_item(href: "##{i}") do %>
-      <%= render(Primer::Truncate.new(inline: true, max_width: 135)) { text } %>
+      <%=
+        render(Primer::Truncate.new(inline: true, max_width: 135)) { text } # rubocop:disable Migrations/TruncateComponent
+      %>
     <% end %>
   <% end %>
 <% end %>

data/previews/primer/beta/button_preview/summary_as_button.html.erb

@@ -11,4 +11,3 @@
   <% end %>
   <p>A wrapping `details` tag is required when using the button with the `:summary` tag</p>
 </details>
-

data/previews/primer/beta/subhead_preview/actions.html.erb

@@ -11,4 +11,3 @@
     <% end %>
   <% end %>
 <% end %>
-

data/static/arguments.json

@@ -108,7 +108,7 @@
         "name": "aria_selection_variant",
         "type": "Symbol",
         "default": "`:checked`",
-        "description": "Specifies which aria selection to use. <%= one_of(Primer::Alpha::ActionList::ARIA_SELECTION_VARIANT_OPTIONS) %?"
+        "description": "Specifies which aria selection to use. One of `:checked` or `:selected`."
       },
       {
         "name": "form_arguments",
@@ -451,7 +451,7 @@
         "name": "aria_selection_variant",
         "type": "Symbol",
         "default": "`:checked`",
-        "description": "Specifies which aria selection to use. <%= one_of(Primer::Alpha::ActionList::ARIA_SELECTION_VARIANT_OPTIONS) %?"
+        "description": "Specifies which aria selection to use. One of `:checked` or `:selected`."
       },
       {
         "name": "form_arguments",
@@ -974,6 +974,12 @@
         "default": "`false`",
         "description": "If true will hide the heading title, while still making it available to Screen Readers."
       },
+      {
+        "name": "disable_scroll",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "When true, disables scrolling the page when the dialog is open."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -1345,34 +1351,6 @@
       }
     ]
   },
-  {
-    "component": "ImageCrop",
-    "status": "alpha",
-    "a11y_reviewed": false,
-    "short_name": "ImageCrop",
-    "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",
@@ -2468,6 +2446,24 @@
         "default": "`:outside_bottom`",
         "description": "The side to anchor the Overlay to. One of `:inside_bottom`, `:inside_center`, `:inside_left`, `:inside_right`, `:inside_top`, `:outside_bottom`, `:outside_left`, `:outside_right`, or `:outside_top`."
       },
+      {
+        "name": "loading_label",
+        "type": "String",
+        "default": "`\"Loading content...\"`",
+        "description": "The aria-label to use when the panel is loading, defaults to 'Loading content...'."
+      },
+      {
+        "name": "loading_description",
+        "type": "String",
+        "default": "`nil`",
+        "description": "The description to use when the panel is loading. If not provided, no description will be used."
+      },
+      {
+        "name": "banner_scheme",
+        "type": "Symbol",
+        "default": "`:danger`",
+        "description": "The scheme for the error banner One of `:danger` or `:warning`."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -2492,6 +2488,92 @@
       }
     ]
   },
+  {
+    "component": "Stack",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "Stack",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "gap",
+        "type": "Symbol",
+        "default": "`GapArg::DEFAULT`",
+        "description": "Specify the gap between children elements in the stack. One of `nil`, `:condensed`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "direction",
+        "type": "Symbol",
+        "default": "`:vertical`",
+        "description": "Specify the direction for the stack container. One of `nil`, `:horizontal`, or `:vertical`."
+      },
+      {
+        "name": "align",
+        "type": "Symbol",
+        "default": "`:stretch`",
+        "description": "Specify the alignment between items in the cross-axis of the direction. One of `nil`, `:baseline`, `:center`, `:end`, `:start`, or `:stretch`."
+      },
+      {
+        "name": "wrap",
+        "type": "Symbol",
+        "default": "`:nowrap`",
+        "description": "Specify whether items are forced onto one line or can wrap onto multiple lines. One of `nil`, `:nowrap`, or `:wrap`."
+      },
+      {
+        "name": "justify",
+        "type": "Symbol",
+        "default": "`:start`",
+        "description": "Specify how items will be distributed in the stacking direction. One of `nil`, `:center`, `:end`, `:space_between`, `:space_evenly`, or `:start`."
+      },
+      {
+        "name": "padding",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Specify the padding of the stack container. One of `nil`, `:condensed`, `:none`, `:normal`, or `:spacious`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "StackItem",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "StackItem",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/stack_item.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/stack_item/default/",
+    "parameters": [
+      {
+        "name": "tag",
+        "type": "Symbol",
+        "default": "`:div`",
+        "description": "Customize the element type of the rendered container."
+      },
+      {
+        "name": "grow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Allow item to keep size or expand to fill the available space."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "SubmitButton",
     "status": "alpha",

data/static/audited_at.json

@@ -30,7 +30,6 @@
   "Primer::Alpha::HellipButton": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",
-  "Primer::Alpha::ImageCrop": "",
   "Primer::Alpha::Layout": "",
   "Primer::Alpha::Layout::Main": "",
   "Primer::Alpha::Layout::Sidebar": "",
@@ -54,6 +53,8 @@
   "Primer::Alpha::Select": "",
   "Primer::Alpha::SelectPanel": "",
   "Primer::Alpha::SelectPanel::ItemList": "2023-07-10",
+  "Primer::Alpha::Stack": "",
+  "Primer::Alpha::StackItem": "",
   "Primer::Alpha::SubmitButton": "",
   "Primer::Alpha::TabContainer": "",
   "Primer::Alpha::TabNav": "",

data/static/classes.json

@@ -495,6 +495,18 @@
   "SegmentedControl-item": [
     "Primer::Alpha::SegmentedControl"
   ],
+  "SelectPanel-emptyPanel": [
+    "Primer::Alpha::SelectPanel"
+  ],
+  "SelectPanel-loadingPanel": [
+    "Primer::Alpha::SelectPanel"
+  ],
+  "Stack": [
+    "Primer::Alpha::Stack"
+  ],
+  "StackItem": [
+    "Primer::Alpha::StackItem"
+  ],
   "State": [
     "Primer::Beta::State"
   ],