primer_view_components 0.20.1 → 0.21.1

data/previews/primer/alpha/dialog_preview.rb

@@ -272,6 +272,30 @@ module Primer
                                visually_hide_title: visually_hide_title
                              })
       end
+
+      # @label Initially Open
+      #
+      # @param title [String] text
+      # @param subtitle [String] text
+      # @param size [Symbol] select [small, medium, medium_portrait, large, xlarge]
+      # @param position [Symbol] select [center, left, right]
+      # @param position_narrow [Symbol] select [inherit, bottom, fullscreen, left, right]
+      # @param visually_hide_title [Boolean] toggle
+      # @param disable_button [Boolean] toggle
+      # @param button_text [String] text
+      # @param body_text [String] text
+      # @param icon [Symbol] octicon
+      # @snapshot interactive
+      def initally_open(title: "Test Dialog", subtitle: nil, size: :medium, button_text: "Show Dialog", body_text: "Content", position: :center, position_narrow: :fullscreen, visually_hide_title: false, icon: nil, disable_button: false)
+        render(Primer::Alpha::Dialog.new(open: true, title: title, subtitle: subtitle, size: size, position: position, position_narrow: position_narrow, visually_hide_title: visually_hide_title)) do |d|
+          if icon.present? && (icon != :none)
+            d.with_show_button(icon: icon, "aria-label": icon.to_s, disabled: disable_button)
+          else
+            d.with_show_button(disabled: disable_button) { button_text }
+          end
+          d.with_body { body_text }
+        end
+      end
     end
   end
 end

data/previews/primer/alpha/tooltip_preview/tooltip_e.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-e")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :e) %>
+      Tooltip east
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_n.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-n")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :n) %>
+      Tooltip north
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_ne.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-ne")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :ne) %>
+      Tooltip northeast
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_nw.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-nw")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :nw) %>
+      Tooltip northwest
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_s.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-s")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :s) %>
+      Tooltip south
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_se.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-se")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :se) %>
+      Tooltip southeast
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_sw.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-sw")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :sw) %>
+      Tooltip southwest
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview/tooltip_w.html.erb

@@ -0,0 +1,6 @@
+<div style="display: grid; place-content: center; margin-top: 4rem;">
+    <%= render(Primer::Beta::Button.new(id: "tooltip-w")) do |b| %>
+      <% b.with_tooltip(text: "This is a tooltip", direction: :w) %>
+      Tooltip west
+    <% end %>
+</div>

data/previews/primer/alpha/tooltip_preview.rb

@@ -88,6 +88,86 @@ module Primer
       def tooltip_with_dialog_moving_focus_to_input
         render_with_template(locals: {})
       end
+
+      # @label Direction: North
+      # @snapshot interactive
+      def tooltip_n(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: South
+      # @snapshot interactive
+      def tooltip_s(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: East
+      # @snapshot interactive
+      def tooltip_e(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: West
+      # @snapshot interactive
+      def tooltip_w(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: Southeast
+      # @snapshot interactive
+      def tooltip_se(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: Southwest
+      # @snapshot interactive
+      def tooltip_sw(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: Northeast
+      # @snapshot interactive
+      def tooltip_ne(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
+
+      # @label Direction: Northwest
+      # @snapshot interactive
+      def tooltip_nw(type: :description)
+        render_with_template(
+          locals: {
+            type: type,
+          }
+        )
+      end
     end
   end
 end

data/previews/primer/beta/button_group_preview/with_menu_button.html.erb

@@ -1,4 +1,4 @@
-<%= render(Primer::Beta::ButtonGroup.new) do |component| %>
+<%= render(Primer::Beta::ButtonGroup.new(scheme: scheme, size: size)) do |component| %>
   <% component.with_button { "Main menu" } %>
   <% component.with_menu_button(button_arguments: { "aria-label": "secondary menu" }, menu_arguments: { anchor_align: :end }) do |menu, button| %>
     <% menu.with_item(label: "Item 1", item_id: :item1) %>

data/previews/primer/beta/button_group_preview.rb

@@ -41,8 +41,14 @@ module Primer
 
       # @label With menu button
       #
+      # @param scheme [Symbol] select [default, primary, secondary, danger, invisible]
+      # @param size [Symbol] select [medium, small]
       # @snapshot
-      def with_menu_button
+      def with_menu_button(scheme: :default, size: :medium)
+        render_with_template(locals: {
+          scheme: scheme,
+          size: size
+        })
       end
 
       # @label Icon buttons

data/previews/primer/beta/icon_button_preview.rb

@@ -87,6 +87,31 @@ module Primer
                ))
       end
 
+      # @label Primary
+      # @param size select [small, medium, large]
+      # @param aria_label text
+      # @param disabled toggle
+      # @param tag select [a, summary, button]
+      # @snapshot
+      def primary(
+        size: :medium,
+        id: "button-preview",
+        tag: :button,
+        disabled: false,
+        icon: :x,
+        aria_label: "Button"
+      )
+        render(Primer::Beta::IconButton.new(
+                 scheme: :primary,
+                 size: size,
+                 id: id,
+                 tag: tag,
+                 disabled: disabled,
+                 icon: icon,
+                 "aria-label": aria_label
+               ))
+      end
+
       # @label Danger
       # @param size select [small, medium, large]
       # @param aria_label text

data/static/arguments.json

@@ -3760,7 +3760,7 @@
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, or `:invisible`."
+        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",

data/static/constants.json

@@ -938,11 +938,15 @@
     "DEFAULT_SCHEME": "default",
     "SCHEME_MAPPINGS": {
       "default": "Button--secondary",
+      "primary": "Button--primary",
+      "secondary": "Button--secondary",
       "danger": "Button--danger",
       "invisible": "Button--invisible"
     },
     "SCHEME_OPTIONS": [
       "default",
+      "primary",
+      "secondary",
       "danger",
       "invisible"
     ]

data/static/info_arch.json

@@ -3440,6 +3440,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -8778,6 +8791,110 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_n",
+        "name": "tooltip_n",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_s",
+        "name": "tooltip_s",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_e",
+        "name": "tooltip_e",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_w",
+        "name": "tooltip_w",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_se",
+        "name": "tooltip_se",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_sw",
+        "name": "tooltip_sw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_ne",
+        "name": "tooltip_ne",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_nw",
+        "name": "tooltip_nw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [
@@ -12329,7 +12446,7 @@
         "name": "scheme",
         "type": "Symbol",
         "default": "`:default`",
-        "description": "One of `:danger`, `:default`, or `:invisible`."
+        "description": "One of `:danger`, `:default`, `:invisible`, `:primary`, or `:secondary`."
       },
       {
         "name": "size",
@@ -12426,6 +12543,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/icon_button/primary",
+        "name": "primary",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/icon_button/danger",
         "name": "danger",

data/static/previews.json

@@ -3217,6 +3217,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/dialog/initally_open",
+        "name": "initally_open",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },
@@ -3781,6 +3794,19 @@
           ]
         }
       },
+      {
+        "preview_path": "primer/beta/icon_button/primary",
+        "name": "primary",
+        "snapshot": "true",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
       {
         "preview_path": "primer/beta/icon_button/danger",
         "name": "danger",
@@ -6797,6 +6823,110 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_n",
+        "name": "tooltip_n",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_s",
+        "name": "tooltip_s",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_e",
+        "name": "tooltip_e",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_w",
+        "name": "tooltip_w",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_se",
+        "name": "tooltip_se",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_sw",
+        "name": "tooltip_sw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_ne",
+        "name": "tooltip_ne",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
+      },
+      {
+        "preview_path": "primer/alpha/tooltip/tooltip_nw",
+        "name": "tooltip_nw",
+        "snapshot": "interactive",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.20.1
+  version: 0.21.1
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-03-15 00:00:00.000000000 Z
+date: 2024-03-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -781,7 +781,15 @@ files:
 - previews/primer/alpha/text_field_preview/input_group_trailing_button.html.erb
 - previews/primer/alpha/toggle_switch_preview.rb
 - previews/primer/alpha/tooltip_preview.rb
+- previews/primer/alpha/tooltip_preview/tooltip_e.html.erb
 - previews/primer/alpha/tooltip_preview/tooltip_inside_primer_overlay.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_n.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_ne.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_nw.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_s.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_se.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_sw.html.erb
+- previews/primer/alpha/tooltip_preview/tooltip_w.html.erb
 - previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb
 - previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb
 - previews/primer/alpha/tooltip_preview/with_right_most_position.html.erb