openproject-primer_view_components 0.79.1 → 0.80.0

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

@@ -0,0 +1,8 @@
+<% unless legend? %>
+  <% with_legend { @legend_text } # set the default %>
+<% end %>
+
+<%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
+  <%= legend %>
+  <%= content %>
+<% end %>

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

@@ -0,0 +1,66 @@
+# frozen_string_literal: true
+
+module Primer
+  module OpenProject
+    # A low-level component for building fieldsets with unopinionated styling.
+    #
+    # This component is not designed to be used directly, but rather a primitive for
+    # authors of other components and form controls.
+    class Fieldset < Primer::Component
+      status :open_project
+
+      attr_reader :legend_text
+
+      renders_one :legend, ->(**system_arguments) {
+        LegendComponent.new(visually_hide_legend: @visually_hide_legend, **system_arguments)
+      }
+
+      # @param legend_text [String] A legend should be short and concise. The String will also be read by assistive technology.
+      # @param visually_hide_legend [Boolean] Controls if the legend is visible. If `true`, screen reader only text will be added.
+      # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
+      def initialize(legend_text: nil, visually_hide_legend: false, **system_arguments) # rubocop:disable Lint/MissingSuper
+        @legend_text = legend_text
+        @visually_hide_legend = visually_hide_legend
+        @system_arguments = deny_tag_argument(**system_arguments)
+        @system_arguments[:tag] = :fieldset
+
+        deny_aria_key(
+          :label,
+          "instead of `aria-label`, include `legend_text` and set `visually_hide_legend` to `true` on the component initializer.",
+          **@system_arguments
+        )
+      end
+
+      def render?
+        content? && (legend_text.present? || legend?)
+      end
+
+      class LegendComponent < Primer::Component
+        status :open_project
+
+        attr_reader :text
+
+        def initialize(text: nil, visually_hide_legend: false, **system_arguments) # rubocop:disable Lint/MissingSuper
+          @text = text
+
+          @system_arguments = deny_tag_argument(**system_arguments)
+          @system_arguments[:tag] = :legend
+          @system_arguments[:classes] = class_names(
+            @system_arguments[:classes],
+            { "sr-only" => visually_hide_legend }
+          )
+        end
+
+        def call
+          render(Primer::BaseComponent.new(**@system_arguments)) { legend_content }
+        end
+
+        private
+
+        def legend_content
+          @legend_content ||= content || text
+        end
+      end
+    end
+  end
+end

data/app/components/primer/open_project/inline_message.css

@@ -0,0 +1 @@
+.InlineMessage{align-items:start;color:var(--inline-message-fgColor);column-gap:.5rem;display:grid;font-size:var(--inline-message-fontSize);grid-template-columns:auto 1fr;line-height:var(--inline-message-lineHeight)}.InlineMessage[data-size=small]{--inline-message-fontSize:var(--text-body-size-small);--inline-message-lineHeight:var(--text-body-lineHeight-small,1.6666)}.InlineMessage[data-size=medium]{--inline-message-fontSize:var(--text-body-size-medium);--inline-message-lineHeight:var(--text-body-lineHeight-medium,1.4285)}.InlineMessage[data-variant=warning]{--inline-message-fgColor:var(--fgColor-attention)}.InlineMessage[data-variant=critical]{--inline-message-fgColor:var(--fgColor-danger)}.InlineMessage[data-variant=success]{--inline-message-fgColor:var(--fgColor-success)}.InlineMessage[data-variant=unavailable]{--inline-message-fgColor:var(--fgColor-muted)}.InlineMessageIcon{min-height:calc(var(--inline-message-lineHeight)*var(--inline-message-fontSize))}

data/app/components/primer/open_project/inline_message.css.json

@@ -0,0 +1,13 @@
+{
+  "name": "open_project/inline_message",
+  "selectors": [
+    ".InlineMessage",
+    ".InlineMessage[data-size=small]",
+    ".InlineMessage[data-size=medium]",
+    ".InlineMessage[data-variant=warning]",
+    ".InlineMessage[data-variant=critical]",
+    ".InlineMessage[data-variant=success]",
+    ".InlineMessage[data-variant=unavailable]",
+    ".InlineMessageIcon"
+  ]
+}

data/app/components/primer/open_project/inline_message.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["inline_message.pcss"],"names":[],"mappings":"AAAA,eAUE,iBAAkB,CAHlB,mCAAoC,CACpC,gBAAkB,CAPlB,YAAa,CAEb,wCAAyC,CAMzC,8BAA+B,CAJ/B,4CAgCF,CAzBE,gCACE,qDAAsD,CACtD,oEACF,CAEA,iCACE,sDAAuD,CACvD,qEACF,CAEA,qCACE,iDACF,CAEA,sCACE,8CACF,CAEA,qCACE,+CACF,CAEA,yCACE,6CACF,CAGF,mBACE,gFACF","file":"inline_message.css","sourcesContent":[".InlineMessage {\n  display: grid;\n  /* stylelint-disable-next-line primer/typography */\n  font-size: var(--inline-message-fontSize);\n  /* stylelint-disable-next-line primer/typography */\n  line-height: var(--inline-message-lineHeight);\n  /* stylelint-disable-next-line primer/colors */\n  color: var(--inline-message-fgColor);\n  column-gap: 0.5rem;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n\n  &[data-size='small'] {\n    --inline-message-fontSize: var(--text-body-size-small);\n    --inline-message-lineHeight: var(--text-body-lineHeight-small, 1.6666);\n  }\n\n  &[data-size='medium'] {\n    --inline-message-fontSize: var(--text-body-size-medium);\n    --inline-message-lineHeight: var(--text-body-lineHeight-medium, 1.4285);\n  }\n\n  &[data-variant='warning'] {\n    --inline-message-fgColor: var(--fgColor-attention);\n  }\n\n  &[data-variant='critical'] {\n    --inline-message-fgColor: var(--fgColor-danger);\n  }\n\n  &[data-variant='success'] {\n    --inline-message-fgColor: var(--fgColor-success);\n  }\n\n  &[data-variant='unavailable'] {\n    --inline-message-fgColor: var(--fgColor-muted);\n  }\n}\n\n.InlineMessageIcon {\n  min-height: calc(var(--inline-message-lineHeight) * var(--inline-message-fontSize));\n}"]}

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

@@ -0,0 +1,4 @@
+<%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
+  <%= render(Primer::Beta::Octicon.new(**@icon_arguments)) %>
+  <%= content %>
+<% end %>

data/app/components/primer/open_project/inline_message.pcss

@@ -0,0 +1,42 @@
+.InlineMessage {
+  display: grid;
+  /* stylelint-disable-next-line primer/typography */
+  font-size: var(--inline-message-fontSize);
+  /* stylelint-disable-next-line primer/typography */
+  line-height: var(--inline-message-lineHeight);
+  /* stylelint-disable-next-line primer/colors */
+  color: var(--inline-message-fgColor);
+  column-gap: 0.5rem;
+  grid-template-columns: auto 1fr;
+  align-items: start;
+
+  &[data-size='small'] {
+    --inline-message-fontSize: var(--text-body-size-small);
+    --inline-message-lineHeight: var(--text-body-lineHeight-small, 1.6666);
+  }
+
+  &[data-size='medium'] {
+    --inline-message-fontSize: var(--text-body-size-medium);
+    --inline-message-lineHeight: var(--text-body-lineHeight-medium, 1.4285);
+  }
+
+  &[data-variant='warning'] {
+    --inline-message-fgColor: var(--fgColor-attention);
+  }
+
+  &[data-variant='critical'] {
+    --inline-message-fgColor: var(--fgColor-danger);
+  }
+
+  &[data-variant='success'] {
+    --inline-message-fgColor: var(--fgColor-success);
+  }
+
+  &[data-variant='unavailable'] {
+    --inline-message-fgColor: var(--fgColor-muted);
+  }
+}
+
+.InlineMessageIcon {
+  min-height: calc(var(--inline-message-lineHeight) * var(--inline-message-fontSize));
+}

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

@@ -0,0 +1,65 @@
+# frozen_string_literal: true
+
+module Primer
+  module OpenProject
+    # A simple component to render warning text.
+    #
+    # The warning text is rendered in the "attention" Primer color and
+    # uses a leading alert Octicon for additional emphasis. This component
+    # is designed to be used "inline", e.g. table cells, and in places
+    # where a Banner component might be overkill.
+    class InlineMessage < Primer::Component
+      status :open_project
+
+      SCHEME_ICON_MAPPINGS = {
+        warning: :alert,
+        critical: :alert,
+        success: :"check-circle",
+        unavailable: :alert
+      }.freeze
+      private_constant :SCHEME_ICON_MAPPINGS
+      SCHEME_OPTIONS = SCHEME_ICON_MAPPINGS.keys.freeze
+
+      SCHEME_SMALL_ICON_MAPPINGS = {
+        warning: :"alert-fill",
+        critical: :"alert-fill",
+        success: :"check-circle-fill",
+        unavailable: :"alert-fill"
+      }.freeze
+      private_constant :SCHEME_SMALL_ICON_MAPPINGS
+      DEFAULT_SIZE = :medium
+      SIZE_OPTIONS = [:small, DEFAULT_SIZE].freeze
+
+      # @param scheme [Symbol] <%= one_of(Primer::OpenProject::InlineMessage::SCHEME_OPTIONS) %>
+      # @param size [Symbol] <%= one_of(Primer::OpenProject::InlineMessage::SIZE_OPTIONS) %>
+      # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
+      def initialize(scheme:, size: DEFAULT_SIZE, **system_arguments) # rubocop:disable Lint/MissingSuper
+        resolved_scheme = fetch_or_fallback(SCHEME_OPTIONS, scheme)
+        resolved_size   = fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)
+
+        @system_arguments = system_arguments
+        @system_arguments[:tag] ||= :div
+        @system_arguments[:classes] = class_names(
+          @system_arguments[:classes],
+          "InlineMessage"
+        )
+        @system_arguments[:data] = merge_data(
+          @system_arguments,
+          { data: { size: resolved_size, variant: resolved_scheme } }
+        )
+
+        @icon_arguments = { classes: "InlineMessageIcon" }
+        if resolved_size == :small
+          @icon_arguments[:icon] = SCHEME_SMALL_ICON_MAPPINGS[resolved_scheme]
+          @icon_arguments[:size] = :xsmall
+        else
+          @icon_arguments[:icon] = SCHEME_ICON_MAPPINGS[resolved_scheme]
+        end
+      end
+
+      def render?
+        content.present?
+      end
+    end
+  end
+end

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

@@ -25,6 +25,8 @@ module Primer
       DEFAULT_PARENT_LINK_DISPLAY = [:block, :none].freeze
       BREADCRUMB_TRUNCATE_AT = 200
 
+      DEFAULT_BUTTON_ACTION_SIZE = :medium
+
       STATE_DEFAULT = :show
       STATE_EDIT = :edit
       STATE_OPTIONS = [STATE_DEFAULT, STATE_EDIT].freeze
@@ -68,6 +70,7 @@ module Primer
           system_arguments[:icon] = icon
           system_arguments[:"aria-label"] ||= label
           system_arguments = set_action_arguments(system_arguments, scheme: scheme)
+          system_arguments = enforce_consistent_button_size!(system_arguments)
 
           component = Primer::Beta::IconButton
           create_mobile_alternatives(component, mobile_icon, label, scheme, **system_arguments, &block)
@@ -78,6 +81,7 @@ module Primer
           deny_tag_argument(**system_arguments)
 
           system_arguments = set_action_arguments(system_arguments, scheme: scheme)
+          system_arguments = enforce_consistent_button_size!(system_arguments)
 
           component = Primer::Beta::Button
           create_mobile_alternatives(component, mobile_icon, mobile_label, scheme, **system_arguments, &block)
@@ -88,6 +92,7 @@ module Primer
           deny_tag_argument(**system_arguments)
 
           system_arguments = set_action_arguments(system_arguments, scheme: DEFAULT_ACTION_SCHEME)
+          system_arguments = enforce_consistent_button_size!(system_arguments)
 
           component = Primer::OpenProject::ZenModeButton
           create_mobile_alternatives(component, mobile_icon, mobile_label, DEFAULT_ACTION_SCHEME, **system_arguments, &block)
@@ -120,6 +125,7 @@ module Primer
 
             system_arguments[:button_arguments] ||= {}
             system_arguments[:button_arguments] = set_action_arguments(system_arguments[:button_arguments])
+            system_arguments[:button_arguments] = enforce_consistent_button_size!(system_arguments[:button_arguments])
 
             # Add the options individually to the mobile menu in the template
             @desktop_menu_block = block
@@ -138,6 +144,7 @@ module Primer
             system_arguments[:button_arguments] ||= {}
             system_arguments[:button_arguments][:id] = "dialog-show-#{system_arguments[:dialog_arguments][:id]}"
             system_arguments[:button_arguments] = set_action_arguments(system_arguments[:button_arguments])
+            system_arguments[:button_arguments] = enforce_consistent_button_size!(system_arguments[:button_arguments])
 
             component = Primer::OpenProject::PageHeader::Dialog
             create_mobile_alternatives(component, mobile_icon, mobile_label, :default, **system_arguments, &block)
@@ -293,7 +300,6 @@ module Primer
       def set_action_arguments(system_arguments, scheme: nil)
         system_arguments[:ml] ||= 2
         system_arguments[:display] = %i[none flex]
-        system_arguments[:size] = :medium
         system_arguments[:scheme] = scheme unless scheme.nil?
         system_arguments[:classes] = class_names(
           system_arguments[:classes],
@@ -304,6 +310,17 @@ module Primer
         system_arguments
       end
 
+      def enforce_consistent_button_size!(system_arguments)
+        size = system_arguments.fetch(:size, DEFAULT_BUTTON_ACTION_SIZE)
+        @page_header_button_action_size ||= size
+        unless size == @page_header_button_action_size
+          raise ArgumentError,
+                "PageHeader button actions must all use the same size. " \
+                  "Set the same `size:` for every button-like action (or omit it to use #{DEFAULT_BUTTON_ACTION_SIZE.inspect} everywhere)."
+        end
+        system_arguments.merge(size: @page_header_button_action_size)
+      end
+
       def create_mobile_alternatives(component, mobile_icon, mobile_label, scheme, **system_arguments, &block)
         # All actions should collapse into a single actionMenu on mobile
         add_option_to_mobile_menu(system_arguments, mobile_icon, mobile_label, scheme)

data/app/components/primer/primer.pcss

@@ -50,6 +50,7 @@
 @import "./open_project/drag_handle.pcss";
 @import "./open_project/border_grid.pcss";
 @import "./open_project/input_group.pcss";
+@import "./open_project/inline_message.pcss";
 @import "./open_project/sub_header.pcss";
 @import "./open_project/side_panel/section.pcss";
 @import "./open_project/border_box/collapsible_header.pcss";

data/app/lib/primer/forms/dsl/fieldset_group_input.rb

@@ -0,0 +1,35 @@
+# frozen_string_literal: true
+
+module Primer
+  module Forms
+    module Dsl
+      # :nodoc:
+      class FieldsetGroupInput < Input
+        include Primer::Forms::Dsl::InputMethods
+        include InputMethods
+
+        attr_reader :builder, :form, :system_arguments
+
+        def initialize(builder:, form:, **system_arguments)
+          @builder = builder
+          @form = form
+          @system_arguments = system_arguments
+
+          yield(self) if block_given?
+        end
+
+        def to_component
+          FieldsetGroup.new(inputs: inputs, builder: builder, form: form, **@system_arguments)
+        end
+
+        def type
+          :group
+        end
+
+        def input?
+          true
+        end
+      end
+    end
+  end
+end

data/app/lib/primer/forms/dsl/form_object.rb

@@ -19,6 +19,10 @@ module Primer
         def group(**options, &block)
           add_input InputGroup.new(builder: @builder, form: @form, **options, &block)
         end
+
+        def fieldset_group(**options, &block)
+          add_input FieldsetGroupInput.new(builder: @builder, form: @form, **options, &block)
+        end
       end
     end
   end

data/app/lib/primer/forms/fieldset_group.html.erb

@@ -0,0 +1,10 @@
+<%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
+  <%= render(Primer::OpenProject::Fieldset.new(**@fieldset_arguments)) do %>
+    <%=
+      render(Primer::Beta::Subhead.new) do |component|
+        component.with_heading(**@heading_arguments).with_content(@title)
+      end
+    %>
+    <%= render(Primer::Forms::Group.new(**@group_arguments)) %>
+  <% end %>
+<% end %>

data/app/lib/primer/forms/fieldset_group.rb

@@ -0,0 +1,54 @@
+# frozen_string_literal: true
+
+module Primer
+  module Forms
+    # :nodoc:
+    class FieldsetGroup < BaseComponent
+      ##
+      # @param title [String] The title displayed as the heading for the fieldset
+      # @param inputs [Array<Primer::Forms::Dsl::Input>] Array of form inputs to be grouped
+      # @param builder [ActionView::Helpers::FormBuilder] The form builder instance
+      # @param form [Primer::Forms::BaseForm] The form object
+      # @param layout [Symbol] Layout style for the input group (default: :default_layout)
+      # @param heading_arguments [Hash] Arguments passed to the heading component
+      # @option heading_arguments [String] :id The ID for the heading element
+      # @option heading_arguments [Symbol] :tag The HTML tag for the heading (default: :h3)
+      # @option heading_arguments [Symbol] :size The size of the heading (default: :medium)
+      # @param group_arguments [Hash] Arguments passed to the input group component
+      # @param system_arguments [Hash] Additional system arguments passed to the section wrapper
+      def initialize( # rubocop:disable Metrics/AbcSize
+        title:,
+        inputs:,
+        builder:,
+        form:,
+        layout: Primer::Forms::Group::DEFAULT_LAYOUT,
+        heading_arguments: {},
+        group_arguments: {},
+        **system_arguments
+      )
+        super()
+
+        @title = title
+
+        @heading_arguments = heading_arguments
+        @heading_arguments[:id] ||= "subhead-#{SecureRandom.uuid}"
+        @heading_arguments[:tag] ||= :h3
+        @heading_arguments[:size] ||= :medium
+
+        @fieldset_arguments = {
+          legend_text: @title,
+          visually_hide_legend: true,
+          aria: { labelledby: @heading_arguments[:id] }
+        }
+        @group_arguments = group_arguments.merge(inputs:, builder:, form:, layout:)
+
+        @system_arguments = system_arguments
+        @system_arguments[:tag] = :section
+        @system_arguments[:mb] ||= 4
+        @system_arguments[:aria] ||= {}
+        @system_arguments[:aria][:labelledby] = @heading_arguments[:id]
+        @system_arguments[:hidden] = :none if inputs.all?(&:hidden?)
+      end
+    end
+  end
+end

data/lib/primer/view_components/version.rb

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

data/previews/primer/forms_preview/fieldset_group_form.html.erb

@@ -0,0 +1,40 @@
+<%
+  fieldset_group_form = Class.new(ApplicationForm) do
+    form do |f|
+      f.fieldset_group(
+        title: "Delivery preferences",
+        caption: "These settings affect how we contact you"
+      ) do |g|
+        g.text_field(
+          name: :ultimate_answer,
+          label: "Ultimate answer",
+          required: true,
+          caption: "The answer to life, the universe, and everything"
+        )
+
+        g.select_list(
+          name: :window,
+          label: "Delivery window",
+          include_blank: true
+        ) do |list|
+          list.option(label: "Morning", value: "morning")
+          list.option(label: "Afternoon", value: "afternoon")
+          list.option(label: "Evening", value: "evening")
+        end
+
+        g.text_field(
+          name: :hours,
+          label: "Hours",
+          type: :number,
+          required: true,
+          trailing_visual: { text: { text: "min" } },
+          input_width: :xsmall
+        )
+      end
+    end
+  end
+%>
+
+<%= primer_form_with(url: "/foo") do |f| %>
+  <%= render(fieldset_group_form.new(f)) %>
+<% end %>

data/previews/primer/forms_preview.rb

@@ -11,6 +11,9 @@ module Primer
 
     def custom_width_fields_form; end
 
+    # @snapshot
+    def fieldset_group_form; end
+
     # @snapshot
     def text_field_and_checkbox_form; end
 

data/previews/primer/open_project/inline_message_preview/default.html.erb

@@ -0,0 +1,5 @@
+<%= render(Primer::OpenProject::InlineMessage.new(scheme: :warning, size: :small)) do %>
+  <%= render(Primer::Beta::Text.new(tag: :p)) do %>
+    <%= render(Primer::Beta::Text.new(tag: :strong).with_content("Warning message")) %>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,5 @@
+<%= render(Primer::OpenProject::InlineMessage.new(scheme: scheme, size: size)) do %>
+  <%= render(Primer::Beta::Text.new(tag: :p)) do %>
+    <%= render(Primer::Beta::Text.new(tag: :strong).with_content("It is an inline message")) %>
+  <% end %>
+<% end %>

data/previews/primer/open_project/inline_message_preview.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Primer
+  module OpenProject
+    class InlineMessagePreview < ViewComponent::Preview
+      # @label Default
+      # @snapshot
+      def default
+      end
+
+      # @label Playground
+      # @param scheme [Symbol] select [warning, critical, unavailable, success]
+      # @param size [Symbol] select [small, medium]
+      def playground(
+        scheme: :warning,
+        size: :medium
+      )
+        render_with_template(locals: { scheme: scheme, size: size })
+      end
+    end
+  end
+end

data/static/arguments.json

@@ -6058,6 +6058,43 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::Fieldset",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldset",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/default/",
+    "parameters": [
+      {
+        "name": "legend_text",
+        "type": "String",
+        "default": "`nil`",
+        "description": "A legend should be short and concise. The String will also be read by assistive technology."
+      },
+      {
+        "name": "visually_hide_legend",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Controls if the legend is visible. If `true`, screen reader only text will be added."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::Fieldset::Legend",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFieldsetLegend",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/fieldset/legend_component.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/fieldset/legend/default/",
+    "parameters": []
+  },
   {
     "component": "OpenProject::FilterableTreeView",
     "status": "alpha",
@@ -6220,6 +6257,34 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::InlineMessage",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectInlineMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/inline_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/inline_message/default/",
+    "parameters": [
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "N/A",
+        "description": "One of `:critical`, `:success`, `:unavailable`, or `:warning`."
+      },
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:medium`",
+        "description": "One of `:medium` or `:small`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::InputGroup",
     "status": "open_project",

data/static/audited_at.json

@@ -151,12 +151,15 @@
   "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::FeedbackDialog": "",
   "Primer::OpenProject::FeedbackMessage": "",
+  "Primer::OpenProject::Fieldset": "",
+  "Primer::OpenProject::Fieldset::LegendComponent": "",
   "Primer::OpenProject::FilterableTreeView": "",
   "Primer::OpenProject::FilterableTreeView::SubTree": "",
   "Primer::OpenProject::FlexLayout": "",
   "Primer::OpenProject::GridLayout": "",
   "Primer::OpenProject::GridLayout::Area": "",
   "Primer::OpenProject::Heading": "",
+  "Primer::OpenProject::InlineMessage": "",
   "Primer::OpenProject::InputGroup": "",
   "Primer::OpenProject::PageHeader": "",
   "Primer::OpenProject::PageHeader::Dialog": "",

data/static/classes.json

@@ -352,6 +352,12 @@
   "FormControl-warning": [
     "Primer::Alpha::TextField"
   ],
+  "InlineMessage": [
+    "Primer::OpenProject::InlineMessage"
+  ],
+  "InlineMessageIcon": [
+    "Primer::OpenProject::InlineMessage"
+  ],
   "InputGroup": [
     "Primer::OpenProject::InputGroup"
   ],

data/static/constants.json

@@ -1751,6 +1751,13 @@
   "Primer::OpenProject::FeedbackMessage": {
     "GeneratedSlotMethods": "Primer::OpenProject::FeedbackMessage::GeneratedSlotMethods"
   },
+  "Primer::OpenProject::Fieldset": {
+    "GeneratedSlotMethods": "Primer::OpenProject::Fieldset::GeneratedSlotMethods",
+    "LegendComponent": "Primer::OpenProject::Fieldset::LegendComponent"
+  },
+  "Primer::OpenProject::Fieldset::LegendComponent": {
+    "GeneratedSlotMethods": "Primer::OpenProject::Fieldset::LegendComponent::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::FilterableTreeView": {
     "DEFAULT_FILTER_INPUT_ARGUMENTS": {
       "name": "filter",
@@ -1810,6 +1817,20 @@
   "Primer::OpenProject::Heading": {
     "GeneratedSlotMethods": "Primer::OpenProject::Heading::GeneratedSlotMethods"
   },
+  "Primer::OpenProject::InlineMessage": {
+    "DEFAULT_SIZE": "medium",
+    "GeneratedSlotMethods": "Primer::OpenProject::InlineMessage::GeneratedSlotMethods",
+    "SCHEME_OPTIONS": [
+      "warning",
+      "critical",
+      "success",
+      "unavailable"
+    ],
+    "SIZE_OPTIONS": [
+      "small",
+      "medium"
+    ]
+  },
   "Primer::OpenProject::InputGroup": {
     "DEFAULT_INPUT_WIDTH": "auto",
     "GeneratedSlotMethods": "Primer::OpenProject::InputGroup::GeneratedSlotMethods",
@@ -1845,6 +1866,7 @@
       "none",
       "flex"
     ],
+    "DEFAULT_BUTTON_ACTION_SIZE": "medium",
     "DEFAULT_HEADER_VARIANT": "medium",
     "DEFAULT_LEADING_ACTION_DISPLAY": [
       "none",