openproject-primer_view_components 0.93.0 → 0.95.0

data/static/constants.json

@@ -1747,6 +1747,11 @@
     "GeneratedSlotMethods": "Primer::OpenProject::BorderGrid::Cell::GeneratedSlotMethods"
   },
   "Primer::OpenProject::CollapsibleSection": {
+    "COLLAPSED_OPTIONS": [
+      false,
+      true,
+      "locked"
+    ],
     "GeneratedSlotMethods": "Primer::OpenProject::CollapsibleSection::GeneratedSlotMethods",
     "TITLE_TAG_FALLBACK": "h2",
     "TITLE_TAG_OPTIONS": [
@@ -1762,6 +1767,9 @@
   "Primer::OpenProject::ColorField": {
     "GeneratedSlotMethods": "Primer::OpenProject::ColorField::GeneratedSlotMethods"
   },
+  "Primer::OpenProject::ColorSwatch": {
+    "GeneratedSlotMethods": "Primer::OpenProject::ColorSwatch::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::DangerDialog": {
     "ConfirmationCheckBox": "Primer::OpenProject::DangerDialog::ConfirmationCheckBox",
     "FormWrapper": "Primer::OpenProject::DangerDialog::FormWrapper",
@@ -1895,6 +1903,31 @@
       "xxlarge"
     ]
   },
+  "Primer::OpenProject::InsetBox": {
+    "DEFAULT_SCHEME": "default",
+    "GeneratedSlotMethods": "Primer::OpenProject::InsetBox::GeneratedSlotMethods",
+    "SCHEME_MAPPINGS": {
+      "default": {
+        "bg": "inset"
+      },
+      "info": {
+        "bg": "accent",
+        "border_color": "accent"
+      },
+      "warning": {
+        "bg": "attention",
+        "border_color": "attention"
+      },
+      "danger": {
+        "bg": "danger",
+        "border_color": "danger"
+      },
+      "success": {
+        "bg": "success",
+        "border_color": "success"
+      }
+    }
+  },
   "Primer::OpenProject::PageHeader": {
     "BACK_BUTTON_ICON_OPTIONS": [
       "arrow-left",

data/static/info_arch.json

@@ -19614,9 +19614,9 @@
       },
       {
         "name": "collapsed",
-        "type": "Boolean",
+        "type": "Boolean, Symbol",
         "default": "`false`",
-        "description": "Whether the section is collapsed on initial render."
+        "description": "The initial state of the section. `false` renders it open and toggleable, `true` renders it collapsed and toggleable, and `:locked` keeps it permanently open with the toggle disabled."
       },
       {
         "name": "system_arguments",
@@ -19748,6 +19748,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/collapsible_section/non_collapsible",
+        "name": "non_collapsible",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/collapsible_section/with_link_in_title",
         "name": "with_link_in_title",
@@ -20059,6 +20072,91 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::ColorSwatch",
+    "description": "Displays a small colored indicator for a given hex color code, optionally\nshowing the hex value next to it.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::ColorSwatch",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectColorSwatch",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/color_swatch.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/color_swatch/default/",
+    "parameters": [
+      {
+        "name": "hexcode",
+        "type": "String",
+        "default": "N/A",
+        "description": "The hex color code to display, e.g. `#FF0000`."
+      },
+      {
+        "name": "show_value",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether to display the hex value next to the swatch."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [],
+    "methods": [
+      {
+        "name": "hexcode",
+        "description": "Returns the value of attribute hexcode.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/color_swatch/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/color_swatch/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/color_swatch/with_value",
+        "name": "with_value",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::DangerDialog",
     "description": "A pre-configured dialog for destructive/\"potentially dangerous\" actions",
@@ -21520,6 +21618,210 @@
     ],
     "subcomponents": []
   },
+  {
+    "fully_qualified_name": "Primer::OpenProject::InsetBox",
+    "description": "A box with an inset background, used to call out a piece of content such\nas a tip, a warning, or a code snippet, optionally with a title, icon and actions.",
+    "accessibility_docs": null,
+    "is_form_component": false,
+    "is_published": true,
+    "requires_js": false,
+    "component": "OpenProject::InsetBox",
+    "status": "open_project",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectInsetBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/inset_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/inset_box/default/",
+    "parameters": [
+      {
+        "name": "border",
+        "type": "Boolean",
+        "default": "`true`",
+        "description": "Whether to render a border around the box."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:info`, `:success`, or `:warning`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "{{link_to_system_arguments_docs}}"
+      }
+    ],
+    "slots": [
+      {
+        "name": "title_icon",
+        "description": null,
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "title",
+        "description": null,
+        "parameters": [
+          {
+            "name": "tag",
+            "type": "Symbol",
+            "default": "N/A",
+            "description": "One of `:h1`, `:h2`, `:h3`, `:h4`, `:h5`, or `:h6`."
+          },
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "actions",
+        "description": null,
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      },
+      {
+        "name": "clipboard_copy_button",
+        "description": null,
+        "parameters": [
+          {
+            "name": "system_arguments",
+            "type": "Hash",
+            "default": "N/A",
+            "description": "{{link_to_system_arguments_docs}}"
+          }
+        ]
+      }
+    ],
+    "methods": [
+      {
+        "name": "border",
+        "description": "Returns the value of attribute border.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "scheme_arguments",
+        "description": "Returns the value of attribute scheme_arguments.",
+        "parameters": [],
+        "return_types": []
+      },
+      {
+        "name": "system_arguments",
+        "description": "Returns the value of attribute system_arguments.",
+        "parameters": [],
+        "return_types": []
+      }
+    ],
+    "previews": [
+      {
+        "preview_path": "primer/open_project/inset_box/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_scheme",
+        "name": "with_scheme",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_icon",
+        "name": "with_icon",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_clipboard_copy_button",
+        "name": "with_clipboard_copy_button",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/without_border",
+        "name": "without_border",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ],
+    "subcomponents": []
+  },
   {
     "fully_qualified_name": "Primer::OpenProject::PageHeader",
     "description": "A ViewComponent PageHeader inspired by the primer react variant",

data/static/previews.json

@@ -8824,6 +8824,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/collapsible_section/non_collapsible",
+        "name": "non_collapsible",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/collapsible_section/with_link_in_title",
         "name": "with_link_in_title",
@@ -8977,6 +8990,53 @@
       }
     ]
   },
+  {
+    "name": "color_swatch",
+    "component": "OpenProject::ColorSwatch",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/color_swatch",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/color_swatch/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/color_swatch/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/color_swatch/with_value",
+        "name": "with_value",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "danger_dialog",
     "component": "OpenProject::DangerDialog",
@@ -9746,6 +9806,105 @@
       }
     ]
   },
+  {
+    "name": "inset_box",
+    "component": "OpenProject::InsetBox",
+    "status": "open_project",
+    "lookup_path": "primer/open_project/inset_box",
+    "examples": [
+      {
+        "preview_path": "primer/open_project/inset_box/playground",
+        "name": "playground",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/default",
+        "name": "default",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_scheme",
+        "name": "with_scheme",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_icon",
+        "name": "with_icon",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_clipboard_copy_button",
+        "name": "with_clipboard_copy_button",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/with_actions",
+        "name": "with_actions",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/open_project/inset_box/without_border",
+        "name": "without_border",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      }
+    ]
+  },
   {
     "name": "page_header",
     "component": "OpenProject::PageHeader",

data/static/statuses.json

@@ -147,6 +147,7 @@
   "Primer::OpenProject::BorderGrid::Cell": "open_project",
   "Primer::OpenProject::CollapsibleSection": "open_project",
   "Primer::OpenProject::ColorField": "open_project",
+  "Primer::OpenProject::ColorSwatch": "open_project",
   "Primer::OpenProject::DangerDialog": "open_project",
   "Primer::OpenProject::DangerDialog::ConfirmationCheckBox": "open_project",
   "Primer::OpenProject::DangerDialog::FormWrapper": "open_project",
@@ -163,6 +164,7 @@
   "Primer::OpenProject::Heading": "open_project",
   "Primer::OpenProject::InlineMessage": "open_project",
   "Primer::OpenProject::InputGroup": "open_project",
+  "Primer::OpenProject::InsetBox": "open_project",
   "Primer::OpenProject::PageHeader": "open_project",
   "Primer::OpenProject::PageHeader::Dialog": "open_project",
   "Primer::OpenProject::PageHeader::Menu": "open_project",

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.93.0
+  version: 0.95.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -565,6 +565,11 @@ files:
 - app/components/primer/open_project/color_field.css.map
 - app/components/primer/open_project/color_field.pcss
 - app/components/primer/open_project/color_field.rb
+- app/components/primer/open_project/color_swatch.css
+- app/components/primer/open_project/color_swatch.css.json
+- app/components/primer/open_project/color_swatch.css.map
+- app/components/primer/open_project/color_swatch.pcss
+- app/components/primer/open_project/color_swatch.rb
 - app/components/primer/open_project/danger_dialog.html.erb
 - app/components/primer/open_project/danger_dialog.rb
 - app/components/primer/open_project/danger_dialog/confirmation_check_box.rb
@@ -613,6 +618,12 @@ files:
 - app/components/primer/open_project/input_group.html.erb
 - app/components/primer/open_project/input_group.pcss
 - app/components/primer/open_project/input_group.rb
+- app/components/primer/open_project/inset_box.css
+- app/components/primer/open_project/inset_box.css.json
+- app/components/primer/open_project/inset_box.css.map
+- app/components/primer/open_project/inset_box.html.erb
+- app/components/primer/open_project/inset_box.pcss
+- app/components/primer/open_project/inset_box.rb
 - app/components/primer/open_project/page_header.css
 - app/components/primer/open_project/page_header.css.json
 - app/components/primer/open_project/page_header.css.map
@@ -1228,6 +1239,7 @@ files:
 - previews/primer/open_project/collapsible_section_preview.rb
 - previews/primer/open_project/collapsible_section_preview/collapsed.html.erb
 - previews/primer/open_project/collapsible_section_preview/default.html.erb
+- previews/primer/open_project/collapsible_section_preview/non_collapsible.html.erb
 - previews/primer/open_project/collapsible_section_preview/playground.html.erb
 - previews/primer/open_project/collapsible_section_preview/with_additional_information.html.erb
 - previews/primer/open_project/collapsible_section_preview/with_caption.html.erb
@@ -1236,6 +1248,7 @@ files:
 - previews/primer/open_project/color_field_preview/in_form.html.erb
 - previews/primer/open_project/color_field_preview/in_multi.html.erb
 - previews/primer/open_project/color_field_preview/multiple.html.erb
+- previews/primer/open_project/color_swatch_preview.rb
 - previews/primer/open_project/danger_dialog_preview.rb
 - previews/primer/open_project/danger_dialog_preview/deletion_form.rb
 - previews/primer/open_project/danger_dialog_preview/playground.html.erb
@@ -1272,6 +1285,7 @@ files:
 - previews/primer/open_project/inline_message_preview.rb
 - previews/primer/open_project/inline_message_preview/playground.html.erb
 - previews/primer/open_project/input_group_preview.rb
+- previews/primer/open_project/inset_box_preview.rb
 - previews/primer/open_project/page_header_preview.rb
 - previews/primer/open_project/page_header_preview/actions.html.erb
 - previews/primer/open_project/page_header_preview/create_action.html.erb