openproject-primer_view_components 0.63.0 → 0.64.1

data/app/components/primer/alpha/dialog/header.html.erb

@@ -13,7 +13,7 @@
       <% end %>
     </div>
     <div class="Overlay-actionWrap">
-      <%= render Primer::Beta::CloseButton.new(classes: "Overlay-closeButton", "data-close-dialog-id": @id) %>
+      <%= render Primer::Beta::CloseButton.new(classes: "Overlay-closeButton", "data-close-dialog-id": @id, aria: { label: @close_label }) %>
     </div>
   </div>
   <%= filter %>

data/app/components/primer/alpha/dialog/header.rb

@@ -16,6 +16,8 @@ module Primer
         }.freeze
         VARIANT_OPTIONS = VARIANT_MAPPINGS.keys
 
+        DEFAULT_CLOSE_LABEL = "Close"
+
         # Optional filter slot for adding a filter input to the header.
         #
         # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
@@ -48,6 +50,7 @@ module Primer
         # @param show_divider [Boolean] Show a divider between the header and body.
         # @param visually_hide_title [Boolean] Visually hide the `title` while maintaining a label for assistive technologies.
         # @param variant [Symbol] <%= one_of(Primer::Alpha::Dialog::Header::VARIANT_OPTIONS) %>
+        # @param close_label [String] The aria-label text of the close "x" button.
         # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
         def initialize(
           id:,
@@ -56,12 +59,14 @@ module Primer
           show_divider: false,
           visually_hide_title: false,
           variant: DEFAULT_VARIANT,
+          close_label: DEFAULT_CLOSE_LABEL,
           **system_arguments
         )
           @id = id
           @title = title
           @subtitle = subtitle
           @visually_hide_title = visually_hide_title
+          @close_label = close_label
           @system_arguments = deny_tag_argument(**system_arguments)
           @system_arguments[:tag] = :div
 

data/app/components/primer/alpha/include_fragment.rb

@@ -8,14 +8,27 @@ module Primer
     class IncludeFragment < Primer::Component
       status :alpha
 
+      ALLOWED_LOADING_VALUES = [:lazy, :eager].freeze
+      DEFAULT_LOADING = :eager
+
       # @param src [String] The URL  from which to retrieve an HTML element fragment.
       # @param loading [Symbol] <%= one_of([:lazy, :eager]) %>
+      # @param accept [String] What to send as the Accept header.
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-      def initialize(src: nil, loading: :eager, **system_arguments)
+      def initialize(src: nil, loading: nil, accept: nil, **system_arguments)
         @system_arguments = system_arguments
         @system_arguments[:tag] = "include-fragment"
         @system_arguments[:loading] = loading
         @system_arguments[:src] = src
+        @system_arguments[:accept] = accept if accept
+
+        if loading
+          @system_arguments[:loading] = fetch_or_fallback(ALLOWED_LOADING_VALUES, loading.to_sym, DEFAULT_LOADING)
+        end
+
+        if Primer::CurrentAttributes.nonce
+          @system_arguments[:"data-nonce"] = Primer::CurrentAttributes.nonce
+        end
       end
 
       def call

data/app/components/primer/alpha/select_panel.html.erb

@@ -50,7 +50,7 @@
           <% end %>
         <% end %>
       <% end %>
-      <%= render Primer::Alpha::Dialog::Body.new(mt: show_filter? ? 0 : 2, p: 0) do %>
+      <%= render Primer::Alpha::Dialog::Body.new(p: 0) do %>
         <focus-group direction="vertical" mnemonics retain>
           <live-region data-target="select-panel.liveRegion"></live-region>
           <%= render(Primer::BaseComponent.new(

data/app/components/primer/open_project/border_box/collapsible_header.css

@@ -1 +1 @@
-.CollapsibleHeader{align-items:center;cursor:pointer;display:flex}.Box:has(.CollapsibleHeader--collapsed){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:var(--borderWidth-thicker)}.Box:has(.CollapsibleHeader--collapsed) .Box-body,.Box:has(.CollapsibleHeader--collapsed) .Box-footer,.Box:has(.CollapsibleHeader--collapsed) .Box-row{display:none}
+.CollapsibleHeader{align-items:center;cursor:pointer;display:flex}.Box:has(.CollapsibleHeader--collapsed){border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:var(--borderWidth-thicker)}.Box:has(.CollapsibleHeader--collapsed) .Box-body,.Box:has(.CollapsibleHeader--collapsed) .Box-footer,.Box:has(.CollapsibleHeader--collapsed) .Box-row{display:none}.CollapsibleHeader--triggerArea{width:100%}

data/app/components/primer/open_project/border_box/collapsible_header.css.json

@@ -5,6 +5,7 @@
     ".Box:has(.CollapsibleHeader--collapsed)",
     ".Box:has(.CollapsibleHeader--collapsed) .Box-body",
     ".Box:has(.CollapsibleHeader--collapsed) .Box-footer",
-    ".Box:has(.CollapsibleHeader--collapsed) .Box-row"
+    ".Box:has(.CollapsibleHeader--collapsed) .Box-row",
+    ".CollapsibleHeader--triggerArea"
   ]
 }

data/app/components/primer/open_project/border_box/collapsible_header.css.map

@@ -1 +1 @@
-{"version":3,"sources":["collapsible_header.pcss"],"names":[],"mappings":"AAEA,mBAGI,kBAAmB,CAFnB,cAAe,CACf,YAEJ,CAEA,wCACI,2BAA4B,CAC5B,4BAA6B,CAC7B,8CAOJ,CALI,uJAGI,YACJ","file":"collapsible_header.css","sourcesContent":["/* CSS for BorderBox::CollapsibleHeader  */\n\n.CollapsibleHeader {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n}\n\n.Box:has(.CollapsibleHeader--collapsed) {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-width: var(--borderWidth-thicker);\n\n    & .Box-row,\n    & .Box-body,\n    & .Box-footer {\n        display: none;\n    }\n}\n"]}
+{"version":3,"sources":["collapsible_header.pcss"],"names":[],"mappings":"AAEA,mBAGI,kBAAmB,CAFnB,cAAe,CACf,YAEJ,CAEA,wCACI,2BAA4B,CAC5B,4BAA6B,CAC7B,8CAOJ,CALI,uJAGI,YACJ,CAGJ,gCACI,UACJ","file":"collapsible_header.css","sourcesContent":["/* CSS for BorderBox::CollapsibleHeader  */\n\n.CollapsibleHeader {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n}\n\n.Box:has(.CollapsibleHeader--collapsed) {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-width: var(--borderWidth-thicker);\n\n    & .Box-row,\n    & .Box-body,\n    & .Box-footer {\n        display: none;\n    }\n}\n\n.CollapsibleHeader--triggerArea {\n    width: 100%;\n}\n"]}

data/app/components/primer/open_project/border_box/collapsible_header.html.erb

@@ -1,5 +1,16 @@
 <%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
-  <%= render(Primer::OpenProject::FlexLayout.new) do |flex| %>
+  <%= render(Primer::OpenProject::FlexLayout.new(
+    data: {
+      target: "collapsible-header.triggerElement",
+      action: "click:collapsible-header#toggle keydown:collapsible-header#toggleViaKeyboard"
+    },
+    tabindex: 0,
+    role: "button",
+    aria: {
+      expanded: !@collapsed,
+    },
+    classes: "CollapsibleHeader--triggerArea"
+  )) do |flex| %>
     <%= flex.with_row do %>
       <%= title %>
       <% if count? %>

data/app/components/primer/open_project/border_box/collapsible_header.pcss

@@ -17,3 +17,7 @@
         display: none;
     }
 }
+
+.CollapsibleHeader--triggerArea {
+    width: 100%;
+}

data/app/components/primer/open_project/border_box/collapsible_header.rb

@@ -32,39 +32,43 @@ module Primer
         # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
         renders_one :description, lambda { |**system_arguments, &block|
           system_arguments[:color] ||= :subtle
+          system_arguments[:hidden] = @collapsed
+
           system_arguments[:data] = merge_data(
             system_arguments, {
-            data: {
+              data: {
                 targets: "collapsible-header.collapsibleElements"
               }
             }
           )
-          system_arguments[:hidden] = @collapsed
 
           Primer::Beta::Text.new(**system_arguments, &block)
         }
 
-
+        # @param id [String] The unique ID of the collapsible header.
         # @param collapsed [Boolean] Whether the header is collapsed on initial render.
         # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-        def initialize(collapsed: false, box:, **system_arguments)
+        def initialize(id: self.class.generate_id, collapsed: false, box:, **system_arguments)
           @collapsed = collapsed
           @box = box
           @system_arguments = system_arguments
-
+          @system_arguments[:id] = id
           @system_arguments[:tag] = "collapsible-header"
           @system_arguments[:classes] = class_names(
             system_arguments[:classes],
             "CollapsibleHeader",
             "CollapsibleHeader--collapsed" => @collapsed
           )
-          @system_arguments[:data] = merge_data(
-            @system_arguments, {
-            data: {
-              action: "click:collapsible-header#toggle"
-            } }
-          )
-          @system_arguments[:data][:collapsed] = true if @collapsed
+          if @collapsed
+            @system_arguments[:data] = merge_data(
+              @system_arguments, {
+                data: {
+                  collapsed: @collapsed
+                }
+              }
+            )
+          end
+
         end
 
         private

data/app/components/primer/open_project/collapsible.d.ts

@@ -1,8 +1,10 @@
 export declare abstract class CollapsibleElement extends HTMLElement {
     arrowDown: Element;
     arrowUp: Element;
+    triggerElement: HTMLElement;
     collapsibleElements: HTMLElement[];
     collapsed: boolean;
+    toggleViaKeyboard(event: KeyboardEvent): void;
     toggle(): void;
     attributeChangedCallback(name: string): void;
     hideAll(): void;

data/app/components/primer/open_project/collapsible.js

@@ -11,6 +11,12 @@ export class CollapsibleElement extends HTMLElement {
         super(...arguments);
         this.collapsed = false;
     }
+    toggleViaKeyboard(event) {
+        if (event.code === 'Enter' || event.code === 'Space') {
+            event.preventDefault();
+            this.toggle();
+        }
+    }
     toggle() {
         this.collapsed = !this.collapsed;
     }
@@ -28,6 +34,7 @@ export class CollapsibleElement extends HTMLElement {
         // For whatever reason, setting `hidden` directly does not work on the SVGs
         this.arrowDown?.removeAttribute('hidden');
         this.arrowUp?.setAttribute('hidden', '');
+        this.triggerElement.setAttribute('aria-expanded', 'false');
         for (const el of this.collapsibleElements) {
             el.hidden = true;
         }
@@ -36,6 +43,7 @@ export class CollapsibleElement extends HTMLElement {
     expandAll() {
         this.arrowUp?.removeAttribute('hidden');
         this.arrowDown?.setAttribute('hidden', '');
+        this.triggerElement.setAttribute('aria-expanded', 'true');
         for (const el of this.collapsibleElements) {
             el.hidden = false;
         }
@@ -48,6 +56,9 @@ __decorate([
 __decorate([
     target
 ], CollapsibleElement.prototype, "arrowUp", void 0);
+__decorate([
+    target
+], CollapsibleElement.prototype, "triggerElement", void 0);
 __decorate([
     targets
 ], CollapsibleElement.prototype, "collapsibleElements", void 0);

data/app/components/primer/open_project/collapsible.ts

@@ -4,10 +4,18 @@ import {attr, target, targets} from '@github/catalyst'
 export abstract class CollapsibleElement extends HTMLElement {
   @target arrowDown: Element
   @target arrowUp: Element
+  @target triggerElement: HTMLElement
   @targets collapsibleElements: HTMLElement[]
 
   @attr collapsed = false
 
+  toggleViaKeyboard(event: KeyboardEvent) {
+    if (event.code === 'Enter' || event.code === 'Space') {
+      event.preventDefault()
+      this.toggle()
+    }
+  }
+
   toggle() {
     this.collapsed = !this.collapsed
   }
@@ -26,6 +34,7 @@ export abstract class CollapsibleElement extends HTMLElement {
     // For whatever reason, setting `hidden` directly does not work on the SVGs
     this.arrowDown?.removeAttribute('hidden')
     this.arrowUp?.setAttribute('hidden', '')
+    this.triggerElement.setAttribute('aria-expanded', 'false')
 
     for (const el of this.collapsibleElements) {
       el.hidden = true
@@ -37,6 +46,7 @@ export abstract class CollapsibleElement extends HTMLElement {
   expandAll() {
     this.arrowUp?.removeAttribute('hidden')
     this.arrowDown?.setAttribute('hidden', '')
+    this.triggerElement.setAttribute('aria-expanded', 'true')
 
     for (const el of this.collapsibleElements) {
       el.hidden = false

data/app/components/primer/open_project/collapsible_section.html.erb

@@ -1,7 +1,14 @@
 <%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
   <%= render(Primer::OpenProject::FlexLayout.new) do |flex| %>
     <%= flex.with_row(classes: "CollapsibleSection--triggerArea",
-                      data: { action: "click:collapsible-section#toggle" }) do %>
+                      id: @title_id,
+                      tabindex: 0,
+                      role: "button",
+                      data: {
+                        action: "click:collapsible-section#toggle keydown:collapsible-section#toggleViaKeyboard",
+                        target: "collapsible-section.triggerElement"
+                      },
+                      aria: { expanded: !@collapsed, controls: @content_id }) do %>
       <%= render(Primer::OpenProject::FlexLayout.new(display: :flex, align_items: :center)) do |header| %>
         <%= header.with_column do %>
           <%= title %>
@@ -18,7 +25,12 @@
         <% end %>
       <% end %>
     <% end %>
-    <%= flex.with_row(hidden: @collapsed, mt: 3, data: { targets: "collapsible-section.collapsibleElements" }) do %>
+    <%= flex.with_row(hidden: @collapsed,
+                      mt: 3,
+                      role: "region",
+                      id: @content_id,
+                      data: { targets: "collapsible-section.collapsibleElements" },
+                      aria: { labelledby: @title_id }) do %>
       <%= collapsible_content %>
     <% end %>
   <% end %>

data/app/components/primer/open_project/collapsible_section.rb

@@ -47,13 +47,17 @@ module Primer
         Primer::BaseComponent.new(tag: :div, **system_arguments)
       }
 
+      # @param id [String] The unique ID of the collapsible section.
       # @param collapsed [Boolean] Whether the section is collapsed on initial render.
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-      def initialize(collapsed: false, **system_arguments)
+      def initialize(id: self.class.generate_id, collapsed: false, **system_arguments)
+        @title_id = "#{id}-title"
+        @content_id = "#{id}-content"
         @collapsed = collapsed
 
         @system_arguments = deny_tag_argument(**system_arguments)
         @system_arguments[:tag] = "collapsible-section"
+        @system_arguments[:id] = id
         @system_arguments[:classes] = class_names(
           @system_arguments[:classes],
           "CollapsibleSection",

data/app/components/primer/open_project/danger_dialog.html.erb

@@ -1,4 +1,8 @@
 <%= render @dialog do |dialog| %>
+  <% unless header.present? %>
+    <% dialog.with_header(close_label: I18n.t("button_close")) %>
+  <% end %>
+
   <danger-dialog-form-helper>
     <%= render(@form_wrapper) do %>
       <scrollable-region data-labelled-by="<%= labelledby %>">

data/app/components/primer/open_project/feedback_dialog.html.erb

@@ -1,10 +1,15 @@
 <%= render @dialog do |dialog| %>
+  <% unless header.present? %>
+    <% dialog.with_header(close_label: I18n.t("button_close")) %>
+  <% end %>
+
   <% dialog.with_body do %>
     <%= feedback_message %>
     <% if additional_details.present? %>
       <%= additional_details %>
     <% end %>
   <% end %>
+
   <% dialog.with_footer do %>
     <% if footer.present? %>
       <%= footer %>

data/app/lib/primer/current_attributes.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Primer
+  # `Primer::CurrentAttributes` can be used by controllers to set request-bound data
+  # that can be propagated to components.
+  class CurrentAttributes < ActiveSupport::CurrentAttributes
+    attribute :nonce
+  end
+end

data/lib/primer/view_components/version.rb

@@ -5,8 +5,8 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 63
-      PATCH = 0
+      MINOR = 64
+      PATCH = 1
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

data/previews/primer/alpha/dialog_preview/with_header_close_button_label.html.erb

@@ -0,0 +1,5 @@
+<%= render(Primer::Alpha::Dialog.new(id: "my-dialog", title: title, subtitle: subtitle, visually_hide_title: false)) do |dialog| %>
+  <% dialog.with_header(show_divider: show_divider, close_label: close_label) %>
+  <% dialog.with_show_button_content(button_text) %>
+  <% dialog.with_body_content("Hello World") %>
+<% end %>

data/previews/primer/alpha/dialog_preview/without_header_close_button_label.html.erb

@@ -0,0 +1,8 @@
+<%= render(Primer::Alpha::Dialog.new(id: "my-dialog", title: title, subtitle: subtitle, visually_hide_title: false)) do |dialog| %>
+  <% dialog.with_header(show_divider: show_divider, close_scheme: :none) %>
+  <% dialog.with_show_button_content(button_text) %>
+  <% dialog.with_body_content("Hello World") %>
+  <% dialog.with_footer do %>
+    <%= render(Primer::Beta::Button.new(data: { "close-dialog-id": "my-dialog" })) { "Close" } %>
+  <% end %>
+<% end %>

data/previews/primer/alpha/dialog_preview.rb

@@ -302,6 +302,38 @@ module Primer
       def with_header_filter
         render_with_template(locals: {})
       end
+
+      # @label With custom label for close button of header
+      #
+      # @param title [String] text
+      # @param subtitle [String] text
+      # @param button_text [String] text
+      # @param show_divider [Boolean] toggle
+      # @param close_label [String] text
+      def with_header_close_button_label(title: "Test Dialog", subtitle: nil, button_text: "Show Dialog", show_divider: true, close_label: "Close me!")
+        render_with_template(locals: {
+          title: title,
+          subtitle: subtitle,
+          button_text: button_text,
+          show_divider: show_divider,
+          close_label: close_label
+        })
+      end
+
+      # @label Without custom label for close button of header
+      #
+      # @param title [String] text
+      # @param subtitle [String] text
+      # @param button_text [String] text
+      # @param show_divider [Boolean] toggle
+      def without_header_close_button_label(title: "Test Dialog", subtitle: nil, button_text: "Show Dialog", show_divider: true)
+        render_with_template(locals: {
+          title: title,
+          subtitle: subtitle,
+          button_text: button_text,
+          show_divider: show_divider
+        })
+      end
     end
   end
 end

data/previews/primer/open_project/page_header_preview/playground.html.erb

@@ -10,7 +10,7 @@
   <%= header.with_breadcrumbs(breadcrumb_items) %>
   <% if with_actions %>
     <% header.with_action_icon_button(icon: 'pencil', mobile_icon: 'pencil', label: 'Edit') %>
-    <% header.with_action_menu(menu_arguments: { anchor_align: :end }, button_arguments: { icon: "op-kebab-vertical", "aria-label": "Menu" }) do |menu, button| %>
+    <% header.with_action_menu(menu_arguments: { anchor_align: :end }, button_arguments: { icon: "kebab-horizontal", "aria-label": "Menu" }) do |menu, button| %>
       <% menu.with_item(label: "Subitem 1") do |item| %>
         <% item.with_leading_visual_icon(icon: :unlock) %>
       <% end %>

data/previews/primer/open_project/sub_header_preview/action_menu_buttons.html.erb

@@ -3,7 +3,7 @@
 
   <% component.with_action_component do %>
     <%= render Primer::Alpha::ActionMenu.new(menu_id: "menu-1") do |menu|
-      menu.with_show_button(icon: :"op-kebab-vertical", "aria-label": "Menu")
+      menu.with_show_button(icon: :"kebab-horizontal", "aria-label": "Menu")
       menu.with_item(label: "Subitem 1") do |item|
         item.with_leading_visual_icon(icon: :paste)
       end

data/static/arguments.json

@@ -1070,6 +1070,12 @@
         "default": "`:medium`",
         "description": "One of `:large` or `:medium`."
       },
+      {
+        "name": "close_label",
+        "type": "String",
+        "default": "`Close`",
+        "description": "The aria-label text of the close \"x\" button."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -1374,9 +1380,15 @@
       {
         "name": "loading",
         "type": "Symbol",
-        "default": "`:eager`",
+        "default": "`nil`",
         "description": "One of `:eager` or `:lazy`."
       },
+      {
+        "name": "accept",
+        "type": "String",
+        "default": "`nil`",
+        "description": "What to send as the Accept header."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -5162,6 +5174,12 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible header."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",
@@ -5222,6 +5240,12 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible section."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",

data/static/classes.json

@@ -243,6 +243,9 @@
   "CollapsibleHeader": [
     "Primer::OpenProject::BorderBox::CollapsibleHeader"
   ],
+  "CollapsibleHeader--triggerArea": [
+    "Primer::OpenProject::BorderBox::CollapsibleHeader"
+  ],
   "CollapsibleSection--triggerArea": [
     "Primer::OpenProject::CollapsibleSection"
   ],

data/static/constants.json

@@ -323,6 +323,7 @@
     "GeneratedSlotMethods": "Primer::Alpha::Dialog::Footer::GeneratedSlotMethods"
   },
   "Primer::Alpha::Dialog::Header": {
+    "DEFAULT_CLOSE_LABEL": "Close",
     "DEFAULT_VARIANT": "medium",
     "GeneratedSlotMethods": "Primer::Alpha::Dialog::Header::GeneratedSlotMethods",
     "VARIANT_MAPPINGS": {
@@ -392,6 +393,11 @@
     "GeneratedSlotMethods": "Primer::Alpha::Image::GeneratedSlotMethods"
   },
   "Primer::Alpha::IncludeFragment": {
+    "ALLOWED_LOADING_VALUES": [
+      "lazy",
+      "eager"
+    ],
+    "DEFAULT_LOADING": "eager",
     "GeneratedSlotMethods": "Primer::Alpha::IncludeFragment::GeneratedSlotMethods"
   },
   "Primer::Alpha::Layout": {

data/static/info_arch.json

@@ -3646,6 +3646,32 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/with_header_close_button_label",
+        "name": "with_header_close_button_label",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/without_header_close_button_label",
+        "name": "without_header_close_button_label",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -3699,6 +3725,12 @@
             "default": "`:medium`",
             "description": "One of `:large` or `:medium`."
           },
+          {
+            "name": "close_label",
+            "type": "String",
+            "default": "`Close`",
+            "description": "The aria-label text of the close \"x\" button."
+          },
           {
             "name": "system_arguments",
             "type": "Hash",
@@ -4702,9 +4734,15 @@
       {
         "name": "loading",
         "type": "Symbol",
-        "default": "`:eager`",
+        "default": "`nil`",
         "description": "One of `:eager` or `:lazy`."
       },
+      {
+        "name": "accept",
+        "type": "String",
+        "default": "`nil`",
+        "description": "What to send as the Accept header."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -17652,6 +17690,12 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible header."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",
@@ -17914,6 +17958,12 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
     "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "`self.class.generate_id`",
+        "description": "The unique ID of the collapsible section."
+      },
       {
         "name": "collapsed",
         "type": "Boolean",