Allow :link Button scheme text label to wrap (#2750)

Co-authored-by: langermank <[email protected]>

Author: langermank

.changeset/swift-fans-march.md

@@ -0,0 +1,6 @@
+---
+"@primer/view-components": patch
+---
+
+Allow `:link` Button scheme text label to wrap
+

.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/link_scheme_label_wrap/default.png

@@ -293,6 +293,7 @@ summary.Button {
   border: none;
   height: unset;
   padding: 0;
+  min-width: fit-content;
 
   &:hover:not(:disabled, .Button--inactive) {
     text-decoration: underline;
@@ -310,6 +311,10 @@ summary.Button {
     border-color: transparent;
     fill: var(--control-fgColor-disabled);
   }
+
+  & .Button-label {
+      white-space: unset;
+  }
 }
 
 /* danger */

.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/button/link_scheme_label_wrap/focused.png

@@ -361,6 +361,12 @@ def inactive(
           "Button"
         end
       end
+
+      # @label Link scheme with long label
+      # @snapshot
+      def link_scheme_label_wrap
+        render_with_template(locals: {})
+      end
     end
   end
 end

app/components/primer/beta/button.pcss

@@ -0,0 +1,8 @@
+<div style="width: 200px;">
+  <%= render(Primer::Beta::Button.new(
+      scheme: :link,
+      size: :medium,
+  )) do %>
+    This is a button styled to look like a link that wraps like a link
+  <% end %>
+</div>