openproject-primer_view_components 0.79.1 → 0.80.1

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,7 +5,7 @@ module Primer
   module ViewComponents
     module VERSION
       MAJOR = 0
-      MINOR = 79
+      MINOR = 80
       PATCH = 1
 
       STRING = [MAJOR, MINOR, PATCH].join(".")

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

@@ -5775,13 +5775,13 @@
         "name": "src",
         "type": "String",
         "default": "`nil`",
-        "description": "The source url of the avatar image. When nil or a broken URL, it renders a fallback with initials."
+        "description": "The source URL of the avatar image. When provided, JavaScript will test-load it in the background and swap to it on success. When nil or blank, only the fallback SVG is displayed."
       },
       {
         "name": "alt",
         "type": "String",
         "default": "`nil`",
-        "description": "Alt text for the avatar. Used for accessibility and to generate initials when src is nil."
+        "description": "Alt text for the avatar. Used for accessibility and to generate initials for the fallback SVG."
       },
       {
         "name": "size",
@@ -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",

data/static/form_previews.json

@@ -18,6 +18,11 @@
         "name": "custom_width_fields_form",
         "snapshot": "false"
       },
+      {
+        "preview_path": "primer/forms/fieldset_group_form",
+        "name": "fieldset_group_form",
+        "snapshot": "true"
+      },
       {
         "preview_path": "primer/forms/text_field_and_checkbox_form",
         "name": "text_field_and_checkbox_form",

data/static/info_arch.json

@@ -18866,7 +18866,7 @@
   },
   {
     "fully_qualified_name": "Primer::OpenProject::AvatarWithFallback",
-    "description": "OpenProject-specific Avatar component that extends Primer::Beta::Avatar\nto support fallback rendering with initials when no image source is provided.\n\nWhen `src` is nil, this component renders an SVG with initials extracted from\nthe alt text. The AvatarFallbackElement web component then enhances it client-side\nby applying a consistent background color based on the user's unique_id (using the\nsame hash function as OP Core for consistency).\n\nThis component follows the \"extension over mutation\" pattern - it extends\nPrimer::Beta::Avatar without modifying its interface, ensuring compatibility\nwith upstream changes.",
+    "description": "OpenProject-specific Avatar component that extends Primer::Beta::Avatar\nto support fallback rendering with initials when no image source is provided.\n\nUses a \"fallback first\" pattern for flicker-free loading:\n1. Always renders fallback SVG as initial <img> src (visible immediately)\n2. Client-side JS test-loads the real URL in background\n3. On success, swaps to real image; on failure, fallback stays visible\n\nThis approach is inspired by OpenProject's Angular PrincipalRendererService.",
     "accessibility_docs": null,
     "is_form_component": false,
     "is_published": true,
@@ -18882,13 +18882,13 @@
         "name": "src",
         "type": "String",
         "default": "`nil`",
-        "description": "The source url of the avatar image. When nil or a broken URL, it renders a fallback with initials."
+        "description": "The source URL of the avatar image. When provided, JavaScript will test-load it in the background and swap to it on success. When nil or blank, only the fallback SVG is displayed."
       },
       {
         "name": "alt",
         "type": "String",
         "default": "`nil`",
-        "description": "Alt text for the avatar. Used for accessibility and to generate initials when src is nil."
+        "description": "Alt text for the avatar. Used for accessibility and to generate initials for the fallback SVG."
       },
       {
         "name": "size",
@@ -20079,6 +20079,83 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Fieldset",
+    "description": "A low-level component for building fieldsets with unopinionated styling.\n\nThis component is not designed to be used directly, but rather a primitive for\nauthors of other components and form controls.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "legend",
+        "description": null,
+        "parameters": []
+      }
+    ],
+    "methods": [
+      {
+        "name": "legend_text",
+        "description": "Returns the value of attribute legend_text.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [],
+    "subcomponents": []
+  },
+  {
+    "fully_qualified_name": "Primer::OpenProject::Fieldset::LegendComponent",
+    "description": "",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": [],
+    "slots": [],
+    "methods": [
+      {
+        "name": "text",
+        "description": "Returns the value of attribute text.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::FilterableTreeView",
     "description": "A TreeView and associated filter controls for searching nested hierarchies.\n\n## Filter controls\n\n`FilterableTreeView`s can be filtered using two controls, both present in the toolbar above the tree:\n\n1. A free-form query string from a text input field.\n2. A `SegmentedControl` with two options (by default):\n   1. The \"Selected\" option causes the component to only show checked nodes, provided they also satisfy the other\n      filter criteria described here.\n   2. The \"All\" option causes the component to show all nodes, provided they also satisfy the other filter\n      criteria described here.\n\n## Custom filter modes\n\nIn addition to the default filter modes of `'all'` and `'selected'` described above, `FilterableTreeView` supports\nadding custom filter modes. Adding a filter mode will cause its label to appear in the `SegmentedControl` in the\ntoolbar, and will be passed as the third argument to the filter function (see below).\n\nHere's how to add a custom filter mode in addition to the default ones:\n\n```erb\n<%= render(Primer::OpenProject::FilterableTreeView.new) do |tree_view| %>\n  <%# remove this line to prevent adding the default modes %>\n  <% tree_view.with_default_filter_modes %>\n  <% tree_view.with_filter_mode(name: \"Custom\", system_arguments)\n<% end %>\n```\n\n## Filter behavior\n\nBy default, matching node text is identified by looking for an exact substring match, operating on a lowercased\nversion of both the query string and the node text. For more information, and to provide a customized filter\nfunction, please see the section titled \"Customizing the filter function\" below.\n\nNodes that match the filter appear as normal; nodes that do not match are presented as follows:\n\n1. Leaf nodes are hidden.\n2. Sub-tree nodes with no matching children are hidden.\n3. Sub-tree nodes with at least one matching child are disabled but still visible.\n\n## Checking behavior\n\nBy default, checking a node in a `FilterableTreeView` checks only that node (i.e. no child nodes are checked).\nTo aide in checking children in deeply nested or highly populated hierarchies, a third control exists in the\ntoolbar: the \"Include sub-items\" check box. If this feature is turned on, checking sub-tree nodes causes all\nchildren, both leaf and sub-tree nodes, to also be checked recursively. Moreover, turning this feature on will\ncause the children of any previously checked nodes to be checked recursively. Unchecking a node while in\n\"Include sub-items\" mode will restore that sub-tree and all its children to their previously checked state, so as\nnot to permanently override a user's selections. Unchecking the \"Include sub-items\" check box has a similar effect,\ni.e. restores all previous user selections under currently checked sub-trees.\n\n## JavaScript API\n\n`FilterableTreeView` does not yet have an extensive JavaScript API, but this may change in the future as the\ncomponent is further developed to fit additional use-cases.\n\n### Customizing the filter function\n\nThe filter function can be customized by setting the value of the `filterFn` property to a function with the\nfollowing signature:\n\n```typescript\nexport type FilterFn = (node: HTMLElement, query: string, filterMode?: string) => Range[] | null\n```\n\nThis function will be called once for each node in the tree every time filter controls change (i.e. when the\nfilter mode or query string are altered). The function is called with the following arguments:\n\n|Argument    |Description                                                      |\n|:-----------|:----------------------------------------------------------------|\n|`node`      |The HTML node element, i.e. the element with `role=treeitem` set.|\n|`query`     |The query string.                                                |\n|`filterMode`|The filter mode, either `'all'` or `'selected'`.                 |\n\nThe component expects the filter function to return specific values depending on the type of match:\n\n1. No match - return `null`\n2. Match but no highlights (eg. when the query string is empty) - return an empty array\n3. Match with highlights - return a non-empty array of `Range` objects\n\nExample:\n\n```javascript\nconst filterableTreeView = document.querySelector('filterable-tree-view')\nfilterableTreeView.filterFn = (node, query, filterMode) => {\n  // custom filter implementation here\n}\n```\n\nYou can read about `Range` objects here: https://developer.mozilla.org/en-US/docs/Web/API/Range.\n\nFor a complete example demonstrating how to implement a working filter function complete with range highlighting,\nsee the default filter function available in the `FilterableTreeViewElement` JavaScript class, which is part of\nthe Primer source code.\n\n### Events\n\nCurrently `FilterableTreeView` does not emit any events aside from the events already emitted by the `TreeView`\ncomponent.",
@@ -20571,6 +20648,71 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::InlineMessage",
+    "description": "A simple component to render warning text.\n\nThe warning text is rendered in the \"attention\" Primer color and\nuses a leading alert Octicon for additional emphasis. This component\nis designed to be used \"inline\", e.g. table cells, and in places\nwhere a Banner component might be overkill.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "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": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [],
+    "methods": [],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/inline_message/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inline_message/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::InputGroup",
     "description": "`InputGroup` is composed of a text field input with a trailing action",

data/static/previews.json

@@ -5104,6 +5104,40 @@
       }
     ]
   },
+  {
+    "name": "inline_message",
+    "component": "OpenProject::InlineMessage",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/inline_message",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/inline_message/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inline_message/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "input_group",
     "component": "OpenProject::InputGroup",

data/static/statuses.json

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