openproject-primer_view_components 0.28.1 → 0.29.1

data/previews/primer/open_project/page_header_preview.rb

@@ -120,6 +120,21 @@ module Primer
         end
       end
 
+
+      # @label With a single action
+      # The single action will not be transformed into a menu on mobile, but remains in a smaller variant
+      def single_action
+        render(Primer::OpenProject::PageHeader.new) do |component|
+          component.with_title { "Great news" }
+          component.with_breadcrumbs([{ href: "/foo", text: "Foo" }, { href: "/bar", text: "Bar" }, "Baz"])
+
+          component.with_action_button(mobile_icon: "plus", mobile_label: "Meeting", scheme: :primary) do |button|
+            button.with_leading_visual_icon(icon: "plus")
+            "Meeting"
+          end
+        end
+      end
+
       # @label With leading action (on wide)
       # **Leading action** is only shown on **wide screens** by default.
       # If you want to override that behaviour please use the system_argument: **display**
@@ -137,19 +152,19 @@ module Primer
         end
       end
 
-      # @label With breadcrumbs
+      # @label With non-bold breadcrumbs
       # **Breadcrumbs** are only shown on **wider than narrow screens** by default.
       # A parent link is shown instead in narrow screens
-      #
-      def breadcrumbs
+      # Per default, the last element is shown in bold, but that can be disabled, e.g if only parts of the string should be bold.
+      def non_bold_breadcrumbs
         breadcrumb_items = [
           { href: "/foo", text: "Foo" },
           "\u003ca href=\"/foo/bar\"\u003eBar\u003c/a\u003e",
-          "Baz"
+          "Test: <b>Baz</b>".html_safe
         ]
         render(Primer::OpenProject::PageHeader.new) do |header|
           header.with_title { "A title" }
-          header.with_breadcrumbs(breadcrumb_items)
+          header.with_breadcrumbs(breadcrumb_items, selected_item_font_weight: :normal)
         end
       end
     end

data/static/arguments.json

@@ -3400,6 +3400,12 @@
         "default": "`false`",
         "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
       },
+      {
+        "name": "label_wrap",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button label text wraps and the button height expands."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",

data/static/classes.json

@@ -197,6 +197,9 @@
   "Button--invisible": [
     "Primer::Beta::Button"
   ],
+  "Button--labelWrap": [
+    "Primer::Beta::Button"
+  ],
   "Button--large": [
     "Primer::Beta::Button"
   ],
@@ -426,9 +429,6 @@
   "PageHeader": [
     "Primer::OpenProject::PageHeader"
   ],
-  "PageHeader--singleAction": [
-    "Primer::OpenProject::PageHeader"
-  ],
   "PageHeader-actions": [
     "Primer::OpenProject::PageHeader"
   ],

data/static/constants.json

@@ -1463,7 +1463,7 @@
       "h5",
       "h6"
     ],
-    "MORE_MENU_DISPLAY": [
+    "MOBILE_ACTIONS_DISPLAY": [
       "flex",
       "none"
     ],

data/static/info_arch.json

@@ -10967,6 +10967,12 @@
         "default": "`false`",
         "description": "Whether or not the button is disabled. If true, this option forces `tag:` to `:button`."
       },
+      {
+        "name": "label_wrap",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the button label text wraps and the button height expands."
+      },
       {
         "name": "system_arguments",
         "type": "Hash",
@@ -11151,6 +11157,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/button/label_wrap",
+        "name": "label_wrap",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/button/link_as_button",
         "name": "link_as_button",
@@ -11254,6 +11273,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/button/link_scheme_label_wrap",
+        "name": "link_scheme_label_wrap",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -13438,6 +13470,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/group_long_label_with_tooltip",
+        "name": "group_long_label_with_tooltip",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -16644,6 +16689,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/single_action",
+        "name": "single_action",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",
@@ -16658,8 +16716,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/breadcrumbs",
-        "name": "breadcrumbs",
+        "preview_path": "primer/open_project/page_header/non_bold_breadcrumbs",
+        "name": "non_bold_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [

data/static/previews.json

@@ -2184,6 +2184,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/button/label_wrap",
+        "name": "label_wrap",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/button/link_as_button",
         "name": "link_as_button",
@@ -2287,6 +2300,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/button/link_scheme_label_wrap",
+        "name": "link_scheme_label_wrap",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -4955,6 +4981,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/nav_list/group_long_label_with_tooltip",
+        "name": "group_long_label_with_tooltip",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -5235,6 +5274,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/open_project/page_header/single_action",
+        "name": "single_action",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/open_project/page_header/leading_action",
         "name": "leading_action",
@@ -5249,8 +5301,8 @@
         }
       },
       {
-        "preview_path": "primer/open_project/page_header/breadcrumbs",
-        "name": "breadcrumbs",
+        "preview_path": "primer/open_project/page_header/non_bold_breadcrumbs",
+        "name": "non_bold_breadcrumbs",
         "snapshot": "false",
         "skip_rules": {
           "wont_fix": [

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.28.1
+  version: 0.29.1
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-10 00:00:00.000000000 Z
+date: 2024-04-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -860,8 +860,10 @@ files:
 - previews/primer/beta/button_preview.rb
 - previews/primer/beta/button_preview/all_schemes.html.erb
 - previews/primer/beta/button_preview/invisible_all_visuals.html.erb
+- previews/primer/beta/button_preview/label_wrap.html.erb
 - previews/primer/beta/button_preview/leading_visual.html.erb
 - previews/primer/beta/button_preview/leading_visual_svg.html.erb
+- previews/primer/beta/button_preview/link_scheme_label_wrap.html.erb
 - previews/primer/beta/button_preview/trailing_action.html.erb
 - previews/primer/beta/button_preview/trailing_counter.html.erb
 - previews/primer/beta/button_preview/trailing_visual.html.erb