primer_view_components 0.0.110 → 0.0.112

data/previews/primer/beta/flash_preview.rb

@@ -18,15 +18,52 @@ module Primer
 
       # @label Default
       #
-      # @param full toggle
-      # @param spacious toggle
-      # @param dismissible toggle
-      # @param icon [Symbol] select [alert, check, info, people]
-      # @param scheme [Symbol] select [default, warning, danger, success]
-      # @param content text
-      def default(full: false, spacious: false, dismissible: false, icon: :people, scheme: Primer::Beta::Flash::DEFAULT_SCHEME, content: "This is a flash message!")
-        render(Primer::Beta::Flash.new(full: full, spacious: spacious, dismissible: dismissible, icon: icon, scheme: scheme)) { content }
+      def default
+        render(Primer::Beta::Flash.new) { "This is a flash message!" }
+      end
+
+      # @!group Color Schemes
+      #
+      # @label Default
+      def color_scheme_default
+        render(Primer::Beta::Flash.new) { "This is a flash message!" }
+      end
+
+      # @label Warning
+      def color_scheme_warning
+        render(Primer::Beta::Flash.new(scheme: :warning)) { "This is a warning flash message!" }
       end
+
+      # @label Danger
+      def color_scheme_danger
+        render(Primer::Beta::Flash.new(scheme: :danger)) { "This is a danger flash message!" }
+      end
+
+      # @label Success
+      def color_scheme_success
+        render(Primer::Beta::Flash.new(scheme: :success)) { "This is a success flash message!" }
+      end
+      #
+      # @!endgroup
+
+      # @!group More options
+      #
+      # @label Full width
+      def options_full
+        render(Primer::Beta::Flash.new(full: true)) { "This is a full width flash message!" }
+      end
+
+      # @label Dismissible
+      def options_dismissible
+        render(Primer::Beta::Flash.new(dismissible: true)) { "This is a dismissible flash message!" }
+      end
+
+      # @label With icon
+      def options_with_icon
+        render(Primer::Beta::Flash.new(icon: :info)) { "This is a flash message with an icon!" }
+      end
+      #
+      # @!endgroup
     end
   end
 end

data/previews/primer/beta/label_preview.rb

@@ -4,23 +4,101 @@ module Primer
   module Beta
     # @label Label
     class LabelPreview < ViewComponent::Preview
-      # @label Default Options
+      # @label Playground
       #
       # @param size [Symbol] select [medium, large]
       # @param tag [Symbol] select [span, summary, a, div]
       # @param inline [Boolean] toggle
-      def default(size: :medium, tag: :span, inline: false)
+      def playground(size: :medium, tag: :span, inline: false)
         render(Primer::Beta::Label.new(tag: tag, size: size, inline: inline)) { "Label" }
       end
 
-      # @label Playground
+      # @label Default Options
+      def default
+        render(Primer::Beta::Label.new) { "Label" }
+      end
+
+      # @!group Color Schemes
       #
-      # @param size [Symbol] select [medium, large]
-      # @param tag [Symbol] select [span, summary, a, div]
-      # @param inline [Boolean] toggle
-      def playground(size: :medium, tag: :span, inline: false)
-        render(Primer::Beta::Label.new(tag: tag, size: size, inline: inline)) { "Label" }
+      # @label Default
+      def color_scheme_default
+        render(Primer::Beta::Label.new) { "Default" }
+      end
+
+      # @label Primary
+      def color_scheme_primary
+        render(Primer::Beta::Label.new(scheme: :primary)) { "Primary" }
+      end
+
+      # @label Secondary
+      def color_scheme_secondary
+        render(Primer::Beta::Label.new(scheme: :secondary)) { "Secondary" }
+      end
+
+      # @label Accent
+      def color_scheme_accent
+        render(Primer::Beta::Label.new(scheme: :accent)) { "Accent" }
+      end
+
+      # @label Success
+      def color_scheme_success
+        render(Primer::Beta::Label.new(scheme: :success)) { "Success" }
+      end
+
+      # @label Attention
+      def color_scheme_attention
+        render(Primer::Beta::Label.new(scheme: :attention)) { "Attention" }
       end
+
+      # @label Danger
+      def color_scheme_danger
+        render(Primer::Beta::Label.new(scheme: :danger)) { "Danger" }
+      end
+
+      # @label Severe
+      def color_scheme_severe
+        render(Primer::Beta::Label.new(scheme: :severe)) { "Severe" }
+      end
+
+      # @label Done
+      def color_scheme_done
+        render(Primer::Beta::Label.new(scheme: :done)) { "Done" }
+      end
+
+      # @label Sponsors
+      def color_scheme_sponsors
+        render(Primer::Beta::Label.new(scheme: :sponsors)) { "Sponsors" }
+      end
+      #
+      # @!endgroup
+
+      # @!group Sizes
+      #
+      # @label Default
+      def size_default
+        render(Primer::Beta::Label.new) { "Default" }
+      end
+
+      # @label Large
+      def size_large
+        render(Primer::Beta::Label.new(size: :large)) { "Large" }
+      end
+      #
+      # @!endgroup
+
+      # @!group Inline
+      #
+      # @label Default
+      def inline_default
+        render(Primer::Beta::Label.new) { "Default" }
+      end
+
+      # @label Inline
+      def inline_inline
+        render(Primer::Beta::Label.new(inline: true)) { "Inline" }
+      end
+      #
+      # @!endgroup
     end
   end
 end

data/previews/primer/beta/link_preview.rb

@@ -36,6 +36,34 @@ module Primer
           "Link with tooltip"
         end
       end
+
+      # @!group Color Scheme
+      #
+      # @label Default
+      def color_scheme_default
+        render(Primer::Beta::Link.new(href: "#")) { "This is a default link color." }
+      end
+
+      # @label Primary
+      def color_scheme_primary
+        render(Primer::Beta::Link.new(href: "#", scheme: :primary)) { "This is a primary link color." }
+      end
+
+      # @label Primary, Muted
+      def color_scheme_primary_muted
+        render(Primer::Beta::Link.new(href: "#", scheme: :primary, muted: true)) { "This is a muted primary link color." }
+      end
+
+      # @label Secondary
+      def color_scheme_secondary
+        render(Primer::Beta::Link.new(href: "#", scheme: :secondary)) { "This is a secondary link color." }
+      end
+
+      # @label Secondary, Muted
+      def color_scheme_secondary_muted
+        render(Primer::Beta::Link.new(href: "#", scheme: :secondary, muted: true)) { "This is a muted secondary link color." }
+      end
+      # @!endgroup
     end
   end
 end

data/previews/primer/beta/popover_preview.rb

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module Primer
+  module Beta
+    # @label Popover
+    class PopoverPreview < ViewComponent::Preview
+      # @label Playground
+      #
+      # @param caret [Symbol] select [top, right, bottom, left, top_right, top_left, bottom_right, bottom_left, left_bottom, left_top, right_bottom, right_top]
+      def playground(caret: :top)
+        render Primer::Beta::Popover.new do |component|
+          component.with_heading do
+            "Activity feed"
+          end
+          component.with_body(caret: caret) do
+            "This is the Popover body."
+          end
+        end
+      end
+
+      # @label Default
+      #
+      # @param caret [Symbol] select [top, right, bottom, left, top_right, top_left, bottom_right, bottom_left, left_bottom, left_top, right_bottom, right_top]
+      def default(caret: :top)
+        render Primer::Beta::Popover.new do |component|
+          component.with_heading do
+            "Activity feed"
+          end
+          component.with_body(caret: caret) do
+            "This is the Popover body."
+          end
+        end
+      end
+
+      # @label Large
+      def large
+        render Primer::Beta::Popover.new do |component|
+          component.with_body(large: true) do
+            "This is a large Popover body."
+          end
+        end
+      end
+
+      # @!group Directions
+      def bottom_right
+        render Primer::Beta::Popover.new do |component|
+          component.with_body(caret: :bottom_right) do
+            "This is the Popover body."
+          end
+        end
+      end
+
+      def top_right
+        render Primer::Beta::Popover.new do |component|
+          component.with_body(caret: :top_right) do
+            "This is the Popover body."
+          end
+        end
+      end
+
+      def bottom_left
+        render Primer::Beta::Popover.new do |component|
+          component.with_body(caret: :bottom_left) do
+            "This is the Popover body."
+          end
+        end
+      end
+
+      def top_left
+        render Primer::Beta::Popover.new do |component|
+          component.with_body(caret: :top_left) do
+            "This is the Popover body."
+          end
+        end
+      end
+      # @!endgroup
+    end
+  end
+end

data/static/arguments.json

@@ -355,6 +355,32 @@
       }
     ]
   },
+  {
+    "component": "Dropdown",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/dropdown.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/dropdown/default/",
+    "parameters": [
+      {
+        "name": "overlay",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:dark`, `:default`, or `:none`."
+      },
+      {
+        "name": "with_caret",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not a caret should be rendered in the button."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "HiddenTextExpander",
     "status": "alpha",
@@ -1683,6 +1709,20 @@
       }
     ]
   },
+  {
+    "component": "Popover",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/popover.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/popover/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "ProgressBar",
     "status": "beta",
@@ -1845,32 +1885,6 @@
       }
     ]
   },
-  {
-    "component": "Dropdown",
-    "status": "alpha",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/dropdown.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/dropdown/default/",
-    "parameters": [
-      {
-        "name": "overlay",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:dark`, `:default`, or `:none`."
-      },
-      {
-        "name": "with_caret",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not a caret should be rendered in the button."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "DropdownMenu",
     "status": "deprecated",
@@ -2227,20 +2241,6 @@
       }
     ]
   },
-  {
-    "component": "Popover",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/popover_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/popover/default/",
-    "parameters": [
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Spinner",
     "status": "beta",

data/static/audited_at.json

@@ -11,6 +11,9 @@
   "Primer::Alpha::Dialog::Body": "",
   "Primer::Alpha::Dialog::Footer": "",
   "Primer::Alpha::Dialog::Header": "",
+  "Primer::Alpha::Dropdown": "",
+  "Primer::Alpha::Dropdown::Menu": "",
+  "Primer::Alpha::Dropdown::Menu::Item": "",
   "Primer::Alpha::HiddenTextExpander": "",
   "Primer::Alpha::Image": "",
   "Primer::Alpha::ImageCrop": "",
@@ -50,6 +53,7 @@
   "Primer::Beta::IconButton": "",
   "Primer::Beta::Label": "",
   "Primer::Beta::Link": "",
+  "Primer::Beta::Popover": "",
   "Primer::Beta::ProgressBar": "",
   "Primer::Beta::Text": "",
   "Primer::Beta::Truncate": "",
@@ -61,14 +65,12 @@
   "Primer::ClipboardCopy": "",
   "Primer::ConditionalWrapper": "",
   "Primer::Content": "",
-  "Primer::CounterComponent": "",
   "Primer::Dropdown": "",
   "Primer::Dropdown::Menu": "",
   "Primer::Dropdown::Menu::Item": "",
   "Primer::DropdownMenuComponent": "",
   "Primer::HellipButton": "",
   "Primer::IconButton": "",
-  "Primer::Image": "",
   "Primer::LabelComponent": "",
   "Primer::LayoutComponent": "",
   "Primer::LinkComponent": "",
@@ -79,7 +81,6 @@
   "Primer::OcticonComponent": "",
   "Primer::OcticonSymbolsComponent": "",
   "Primer::PopoverComponent": "",
-  "Primer::ProgressBarComponent": "",
   "Primer::SpinnerComponent": "",
   "Primer::StateComponent": "",
   "Primer::SubheadComponent": "",

data/static/constants.json

@@ -179,6 +179,43 @@
   },
   "Primer::Alpha::Dialog::Header": {
   },
+  "Primer::Alpha::Dropdown": {
+    "Menu": "Primer::Alpha::Dropdown::Menu"
+  },
+  "Primer::Alpha::Dropdown::Menu": {
+    "AS_DEFAULT": "default",
+    "AS_OPTIONS": [
+      "default",
+      "list"
+    ],
+    "DIRECTION_DEFAULT": "se",
+    "DIRECTION_OPTIONS": [
+      "se",
+      "sw",
+      "w",
+      "e",
+      "ne",
+      "s"
+    ],
+    "Item": "Primer::Alpha::Dropdown::Menu::Item",
+    "SCHEME_DEFAULT": "default",
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "dark": "dropdown-menu-dark"
+    }
+  },
+  "Primer::Alpha::Dropdown::Menu::Item": {
+    "BUTTON_TAGS": [
+      "button",
+      "summary"
+    ],
+    "TAG_DEFAULT": "a",
+    "TAG_OPTIONS": [
+      "a",
+      "button",
+      "summary"
+    ]
+  },
   "Primer::Alpha::HiddenTextExpander": {
   },
   "Primer::Alpha::Image": {
@@ -670,6 +707,24 @@
       "span"
     ]
   },
+  "Primer::Beta::Popover": {
+    "CARET_DEFAULT": "top",
+    "CARET_MAPPINGS": {
+      "top": "",
+      "bottom": "Popover-message--bottom",
+      "bottom_right": "Popover-message--bottom-right",
+      "bottom_left": "Popover-message--bottom-left",
+      "left": "Popover-message--left",
+      "left_bottom": "Popover-message--left-bottom",
+      "left_top": "Popover-message--left-top",
+      "right": "Popover-message--right",
+      "right_bottom": "Popover-message--right-bottom",
+      "right_top": "Popover-message--right-top",
+      "top_left": "Popover-message--top-left",
+      "top_right": "Popover-message--top-right"
+    },
+    "DEFAULT_HEADING_TAG": "h4"
+  },
   "Primer::Beta::ProgressBar": {
     "SIZE_DEFAULT": "default",
     "SIZE_MAPPINGS": {
@@ -732,44 +787,13 @@
   },
   "Primer::Content": {
   },
-  "Primer::CounterComponent": {
-  },
   "Primer::Dropdown": {
     "Menu": "Primer::Dropdown::Menu"
   },
   "Primer::Dropdown::Menu": {
-    "AS_DEFAULT": "default",
-    "AS_OPTIONS": [
-      "default",
-      "list"
-    ],
-    "DIRECTION_DEFAULT": "se",
-    "DIRECTION_OPTIONS": [
-      "se",
-      "sw",
-      "w",
-      "e",
-      "ne",
-      "s"
-    ],
-    "Item": "Primer::Dropdown::Menu::Item",
-    "SCHEME_DEFAULT": "default",
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "dark": "dropdown-menu-dark"
-    }
+    "Item": "Primer::Dropdown::Menu::Item"
   },
   "Primer::Dropdown::Menu::Item": {
-    "BUTTON_TAGS": [
-      "button",
-      "summary"
-    ],
-    "TAG_DEFAULT": "a",
-    "TAG_OPTIONS": [
-      "a",
-      "button",
-      "summary"
-    ]
   },
   "Primer::DropdownMenuComponent": {
     "DIRECTION_DEFAULT": "se",
@@ -800,8 +824,6 @@
       "danger"
     ]
   },
-  "Primer::Image": {
-  },
   "Primer::LabelComponent": {
   },
   "Primer::LayoutComponent": {
@@ -884,24 +906,6 @@
   "Primer::OcticonSymbolsComponent": {
   },
   "Primer::PopoverComponent": {
-    "CARET_DEFAULT": "top",
-    "CARET_MAPPINGS": {
-      "top": "",
-      "bottom": "Popover-message--bottom",
-      "bottom_right": "Popover-message--bottom-right",
-      "bottom_left": "Popover-message--bottom-left",
-      "left": "Popover-message--left",
-      "left_bottom": "Popover-message--left-bottom",
-      "left_top": "Popover-message--left-top",
-      "right": "Popover-message--right",
-      "right_bottom": "Popover-message--right-bottom",
-      "right_top": "Popover-message--right-top",
-      "top_left": "Popover-message--top-left",
-      "top_right": "Popover-message--top-right"
-    },
-    "DEFAULT_HEADING_TAG": "h4"
-  },
-  "Primer::ProgressBarComponent": {
   },
   "Primer::SpinnerComponent": {
     "DEFAULT_SIZE": "medium",

data/static/statuses.json

@@ -11,6 +11,9 @@
   "Primer::Alpha::Dialog::Body": "alpha",
   "Primer::Alpha::Dialog::Footer": "alpha",
   "Primer::Alpha::Dialog::Header": "alpha",
+  "Primer::Alpha::Dropdown": "alpha",
+  "Primer::Alpha::Dropdown::Menu": "alpha",
+  "Primer::Alpha::Dropdown::Menu::Item": "alpha",
   "Primer::Alpha::HiddenTextExpander": "alpha",
   "Primer::Alpha::Image": "alpha",
   "Primer::Alpha::ImageCrop": "alpha",
@@ -50,6 +53,7 @@
   "Primer::Beta::IconButton": "beta",
   "Primer::Beta::Label": "beta",
   "Primer::Beta::Link": "beta",
+  "Primer::Beta::Popover": "beta",
   "Primer::Beta::ProgressBar": "beta",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
@@ -61,14 +65,12 @@
   "Primer::ClipboardCopy": "beta",
   "Primer::ConditionalWrapper": "alpha",
   "Primer::Content": "stable",
-  "Primer::CounterComponent": "deprecated",
-  "Primer::Dropdown": "alpha",
-  "Primer::Dropdown::Menu": "alpha",
-  "Primer::Dropdown::Menu::Item": "alpha",
+  "Primer::Dropdown": "deprecated",
+  "Primer::Dropdown::Menu": "deprecated",
+  "Primer::Dropdown::Menu::Item": "deprecated",
   "Primer::DropdownMenuComponent": "deprecated",
   "Primer::HellipButton": "alpha",
   "Primer::IconButton": "deprecated",
-  "Primer::Image": "deprecated",
   "Primer::LabelComponent": "deprecated",
   "Primer::LayoutComponent": "alpha",
   "Primer::LinkComponent": "deprecated",
@@ -78,8 +80,7 @@
   "Primer::Navigation::TabComponent": "alpha",
   "Primer::OcticonComponent": "beta",
   "Primer::OcticonSymbolsComponent": "alpha",
-  "Primer::PopoverComponent": "beta",
-  "Primer::ProgressBarComponent": "deprecated",
+  "Primer::PopoverComponent": "deprecated",
   "Primer::SpinnerComponent": "beta",
   "Primer::StateComponent": "beta",
   "Primer::SubheadComponent": "beta",