openproject-primer_view_components 0.94.0 → 0.95.0

data/static/info_arch.json

@@ -20072,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",
@@ -21533,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

@@ -8990,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",
@@ -9759,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.94.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
@@ -1237,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
@@ -1273,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