@openproject/primer-view-components 0.79.1 → 0.80.0-rc.874b7451f

package/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))}

package/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"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.79.1",
+  "version": "0.80.0-rc.874b7451f",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -6220,6 +6220,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",

package/static/audited_at.json

@@ -157,6 +157,7 @@
   "Primer::OpenProject::GridLayout": "",
   "Primer::OpenProject::GridLayout::Area": "",
   "Primer::OpenProject::Heading": "",
+  "Primer::OpenProject::InlineMessage": "",
   "Primer::OpenProject::InputGroup": "",
   "Primer::OpenProject::PageHeader": "",
   "Primer::OpenProject::PageHeader::Dialog": "",

package/static/classes.json

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

package/static/constants.json

@@ -1810,6 +1810,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 +1859,7 @@
       "none",
       "flex"
     ],
+    "DEFAULT_BUTTON_ACTION_SIZE": "medium",
     "DEFAULT_HEADER_VARIANT": "medium",
     "DEFAULT_LEADING_ACTION_DISPLAY": [
       "none",

package/static/info_arch.json

@@ -20571,6 +20571,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",

package/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",

package/static/statuses.json

@@ -157,6 +157,7 @@
   "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",