primer_view_components 0.6.0 → 0.8.0

data/previews/primer/alpha/tooltip_preview.rb

@@ -4,40 +4,29 @@ module Primer
   module Alpha
     # @label Tooltip
     class TooltipPreview < ViewComponent::Preview
-      # @param type [Symbol] select [["Description", description], ["Label", label]]
       # @param direction select [s, n, e, w, ne, nw, se, sw]
       # @param tooltip_text text
-      def playground(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def playground(direction: :s, tooltip_text: "You can press a button")
         render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
+          component.with_tooltip(text: tooltip_text, direction: direction)
           "Button"
         end
       end
 
-      # @param type [Symbol] select [["Description", description], ["Label", label]]
       # @param direction select [s, n, e, w, ne, nw, se, sw]
       # @param tooltip_text text
-      def default(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def default(direction: :s, tooltip_text: "You can press a button")
         render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
+          component.with_tooltip(text: tooltip_text, direction: direction)
           "Button"
         end
       end
 
       # @param direction select [s, n, e, w, ne, nw, se, sw]
       # @param tooltip_text text
-      def label_tooltip_on_button_with_existing_labelledby(type: :label, direction: :s, tooltip_text: "You can press a button")
-        render(Primer::Beta::Button.new(id: "button-with-existing-label", "aria-labelledby": "existing-label-id")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
-          "Button"
-        end
-      end
-
-      # @param direction select [s, n, e, w, ne, nw, se, sw]
-      # @param tooltip_text text
-      def description_tooltip_on_button_with_existing_describedby(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def description_tooltip_on_button_with_existing_describedby(direction: :s, tooltip_text: "You can press a button")
         render(Primer::Beta::Button.new(id: "button-with-existing-description", "aria-describedby": "existing-description-id")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
+          component.with_tooltip(text: tooltip_text, direction: direction)
           "Button"
         end
       end
@@ -56,10 +45,9 @@ module Primer
 
       # @param direction select [s, n, e, w, ne, nw, se, sw]
       # @param tooltip_text text
-      def with_multiple_on_a_page(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def with_multiple_on_a_page(direction: :s, tooltip_text: "You can press a button")
         render_with_template(
           locals: {
-            type: type,
             direction: direction,
             tooltip_text: tooltip_text
           }
@@ -68,17 +56,17 @@ module Primer
 
       # @!group Tooltip enabled elements
       # @label Tooltip with Primer::Beta::Button
-      def tooltip_with_button(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def tooltip_with_button(direction: :s, tooltip_text: "You can press a button")
         render(Primer::Beta::Button.new(id: "button-with-tooltip")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
+          component.with_tooltip(text: tooltip_text, direction: direction)
           "Button"
         end
       end
 
       # @label Tooltip with Primer::Beta::Link
-      def tooltip_with_link(type: :description, direction: :s, tooltip_text: "You can press a button")
+      def tooltip_with_link(direction: :s, tooltip_text: "You can press a button")
         render(Primer::Beta::Link.new(href: "#link-with-tooltip", id: "link-with-tooltip")) do |component|
-          component.with_tooltip(text: tooltip_text, type: type, direction: direction)
+          component.with_tooltip(text: tooltip_text, direction: direction)
           "Button"
         end
       end

data/previews/primer/beta/button_preview/leading_visual.html.erb

@@ -2,9 +2,9 @@
     scheme: scheme,
     size: size,
     block: block,
-    id: id,
+    id: "button-preview",
     align_content: align_content
 )) do |component| %>
   <% component.with_leading_visual_icon(icon: :search) %>
-  Button
+  Search
 <% end %>

data/previews/primer/beta/button_preview/leading_visual_svg.html.erb

@@ -0,0 +1,12 @@
+<%= render(Primer::Beta::Button.new(
+    scheme: scheme,
+    size: size,
+    block: block,
+    id: "button-preview",
+    align_content: align_content
+)) do |component| %>
+  <% component.with_leading_visual_svg do %>
+    <path d="M8 16a2 2 0 001.985-1.75c.017-.137-.097-.25-.235-.25h-3.5c-.138 0-.252.113-.235.25A2 2 0 008 16z"></path><path fill-rule="evenodd" d="M8 1.5A3.5 3.5 0 004.5 5v2.947c0 .346-.102.683-.294.97l-1.703 2.556a.018.018 0 00-.003.01l.001.006c0 .002.002.004.004.006a.017.017 0 00.006.004l.007.001h10.964l.007-.001a.016.016 0 00.006-.004.016.016 0 00.004-.006l.001-.007a.017.017 0 00-.003-.01l-1.703-2.554a1.75 1.75 0 01-.294-.97V5A3.5 3.5 0 008 1.5zM3 5a5 5 0 0110 0v2.947c0 .05.015.098.042.139l1.703 2.555A1.518 1.518 0 0113.482 13H2.518a1.518 1.518 0 01-1.263-2.36l1.703-2.554A.25.25 0 003 7.947V5z"></path>
+  <% end %>
+  Button
+<% end %>

data/previews/primer/beta/button_preview/trailing_counter.html.erb

@@ -7,5 +7,5 @@
 )) do |component| %>
   <% component.with_leading_visual_icon(icon: :star) %>
   <% component.with_trailing_visual_counter(count: 15) %>
-  Button
+  Star
 <% end %>

data/previews/primer/beta/button_preview/trailing_visual.html.erb

@@ -7,5 +7,5 @@
     tag: tag
 )) do |component| %>
   <% component.with_trailing_visual_counter(count: "15") %>
-  Button
+  Comment
 <% end %>

data/previews/primer/beta/button_preview.rb

@@ -264,6 +264,28 @@ module Primer
                              })
       end
 
+      # @label Leading visual SVG
+      # @param scheme select [default, primary, danger, invisible, link]
+      # @param size select [small, medium]
+      # @param block toggle
+      # @param align_content select [center, start]
+      # @snapshot
+      def leading_visual_svg(
+        scheme: :invisible,
+        size: :medium,
+        block: false,
+        id: "button-preview",
+        align_content: :center
+      )
+        render_with_template(locals: {
+                               scheme: scheme,
+                               size: size,
+                               block: block,
+                               id: id,
+                               align_content: align_content
+                             })
+      end
+
       # @label Trailing action
       # @param block toggle
       # @param align_content select [center, start]

data/static/arguments.json

@@ -4248,7 +4248,18 @@
     "source": "https://github.com/primer/view_components/tree/main/app/components/primer/conditional_wrapper.rb",
     "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/conditional_wrapper/default/",
     "parameters": [
-
+      {
+        "name": "condition",
+        "type": "Boolean",
+        "default": "N/A",
+        "description": "Whether or not to wrap the content in a `Primer::BaseComponent`."
+      },
+      {
+        "name": "base_component_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments to pass to `Primer::BaseComponent`."
+      }
     ]
   },
   {