primer_view_components 0.0.109 → 0.0.111

data/previews/primer/dropdown_preview.rb

@@ -21,25 +21,20 @@ module Primer
       end
     end
 
-    # @label Default Options
+    # @label Default
     #
-    # @param with_caret [Boolean] toggle
-    # @param overlay [Symbol] select [none, default, dark]
-    def default(overlay: :default, with_caret: false)
-      render(Primer::Dropdown.new(overlay: overlay, with_caret: with_caret)) do |c|
+    def default
+      render(Primer::Dropdown.new) do |c|
         c.with_button { "Dropdown" }
-
-        c.with_menu(header: "Header") do |m|
+        c.with_menu do |m|
           m.with_item { "Item 1" }
           m.with_item { "Item 2" }
-          m.with_item(divider: true)
           m.with_item { "Item 3" }
-          m.with_item { "Item 4" }
         end
       end
     end
 
-    # @label Menu Options
+    # @label Menu
     #
     # @param as [Symbol] select [list, default]
     # @param direction [Symbol] select [se, sw, w, e, ne, s]
@@ -53,5 +48,161 @@ module Primer
         m.with_item { "Item 4" }
       end
     end
+
+    # @!group Direction
+    #
+    # @label Direction e
+    def direction_e
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :e) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Direction ne
+    def direction_ne
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :ne) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Direction s
+    def direction_s
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :s) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Direction se
+    def direction_se
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :se) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Direction sw
+    def direction_sw
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :sw) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Direction w
+    def direction_w
+      render(Primer::Dropdown.new(display: :inline_block)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(direction: :w) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+    #
+    # @!endgroup
+
+    # @!group Options
+    #
+    # @label With caret
+    def options_with_caret
+      render(Primer::Dropdown.new(with_caret: true)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label With header
+    def options_with_header
+      render(Primer::Dropdown.new) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(header: "Header") do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label With dividers
+    def options_with_dividers
+      render(Primer::Dropdown.new) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item(divider: true)
+          m.with_item { "Item 3" }
+          m.with_item { "Item 4" }
+          m.with_item(divider: true)
+          m.with_item { "Item 5" }
+        end
+      end
+    end
+
+    # @label As list
+    def options_as_list
+      render(Primer::Dropdown.new) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu(as: :list) do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Overlay none
+    def options_overlay_none
+      render(Primer::Dropdown.new(overlay: :none)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+
+    # @label Overlay dark
+    def options_overlay_dark
+      render(Primer::Dropdown.new(overlay: :dark)) do |c|
+        c.with_button { "Dropdown" }
+        c.with_menu do |m|
+          m.with_item { "Item 1" }
+          m.with_item { "Item 2" }
+          m.with_item { "Item 3" }
+        end
+      end
+    end
+    #
+    # @!endgroup
   end
 end

data/static/arguments.json

@@ -205,6 +205,62 @@
       }
     ]
   },
+  {
+    "component": "Banner",
+    "status": "alpha",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/alpha/banner.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/alpha/banner/default/",
+    "parameters": [
+      {
+        "name": "full",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen."
+      },
+      {
+        "name": "full_when_narrow",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
+      },
+      {
+        "name": "dismissible",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether the component can be dismissed with an \"x\" button."
+      },
+      {
+        "name": "description",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Description text rendered underneath the message."
+      },
+      {
+        "name": "icon",
+        "type": "Symbol",
+        "default": "`nil`",
+        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
+      },
+      {
+        "name": "scheme",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
+      },
+      {
+        "name": "reappear",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "ButtonMarketing",
     "status": "alpha",
@@ -1117,62 +1173,6 @@
       }
     ]
   },
-  {
-    "component": "Banner",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/banner.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/banner/default/",
-    "parameters": [
-      {
-        "name": "full",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component should take up the full width of the screen."
-      },
-      {
-        "name": "full_when_narrow",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component should take up the full width of the screen when rendered inside smaller viewports."
-      },
-      {
-        "name": "dismissible",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether the component can be dismissed with an \"x\" button."
-      },
-      {
-        "name": "description",
-        "type": "String",
-        "default": "`nil`",
-        "description": "Description text rendered underneath the message."
-      },
-      {
-        "name": "icon",
-        "type": "Symbol",
-        "default": "`nil`",
-        "description": "The name of an [Octicon](https://primer.style/octicons/) icon to use. If no icon is provided, a default one will be chosen based on the scheme."
-      },
-      {
-        "name": "scheme",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:danger`, `:default`, `:success`, or `:warning`."
-      },
-      {
-        "name": "reappear",
-        "type": "Boolean",
-        "default": "`false`",
-        "description": "Whether or not the flash banner should reappear after being dismissed. Only for use in test and preview environments."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "BaseButton",
     "status": "beta",
@@ -1683,6 +1683,26 @@
       }
     ]
   },
+  {
+    "component": "ProgressBar",
+    "status": "beta",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/beta/progress_bar.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/beta/progress_bar/default/",
+    "parameters": [
+      {
+        "name": "size",
+        "type": "Symbol",
+        "default": "`:default`",
+        "description": "One of `:default`, `:large`, or `:small`. Increases height."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "Text",
     "status": "beta",
@@ -2221,26 +2241,6 @@
       }
     ]
   },
-  {
-    "component": "ProgressBar",
-    "status": "beta",
-    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/progress_bar_component.rb",
-    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/progress_bar/default/",
-    "parameters": [
-      {
-        "name": "size",
-        "type": "Symbol",
-        "default": "`:default`",
-        "description": "One of `:default`, `:large`, or `:small`. Increases height."
-      },
-      {
-        "name": "system_arguments",
-        "type": "Hash",
-        "default": "N/A",
-        "description": "[System arguments](/system-arguments)"
-      }
-    ]
-  },
   {
     "component": "Spinner",
     "status": "beta",

data/static/audited_at.json

@@ -5,6 +5,7 @@
   "Primer::Alpha::ActionList::Item": "",
   "Primer::Alpha::AutoComplete": "",
   "Primer::Alpha::AutoComplete::Item": "",
+  "Primer::Alpha::Banner": "",
   "Primer::Alpha::ButtonMarketing": "",
   "Primer::Alpha::Dialog": "",
   "Primer::Alpha::Dialog::Body": "",
@@ -33,7 +34,6 @@
   "Primer::Beta::AutoComplete::Item": "",
   "Primer::Beta::Avatar": "",
   "Primer::Beta::AvatarStack": "",
-  "Primer::Beta::Banner": "",
   "Primer::Beta::BaseButton": "",
   "Primer::Beta::Blankslate": "",
   "Primer::Beta::BorderBox": "",
@@ -50,6 +50,7 @@
   "Primer::Beta::IconButton": "",
   "Primer::Beta::Label": "",
   "Primer::Beta::Link": "",
+  "Primer::Beta::ProgressBar": "",
   "Primer::Beta::Text": "",
   "Primer::Beta::Truncate": "",
   "Primer::Beta::Truncate::TruncateText": "",
@@ -60,7 +61,6 @@
   "Primer::ClipboardCopy": "",
   "Primer::ConditionalWrapper": "",
   "Primer::Content": "",
-  "Primer::CounterComponent": "",
   "Primer::Dropdown": "",
   "Primer::Dropdown::Menu": "",
   "Primer::Dropdown::Menu::Item": "",

data/static/constants.json

@@ -72,6 +72,27 @@
   },
   "Primer::Alpha::AutoComplete::Item": {
   },
+  "Primer::Alpha::Banner": {
+    "DEFAULT_ICONS": {
+      "default": "bell",
+      "warning": "alert",
+      "danger": "stop",
+      "success": "check-circle"
+    },
+    "DEFAULT_SCHEME": "default",
+    "LEGACY_SCHEME_MAPPINGS": {
+      "default": "",
+      "warning": "flash-warn",
+      "danger": "flash-error",
+      "success": "flash-success"
+    },
+    "SCHEME_MAPPINGS": {
+      "default": "",
+      "warning": "Banner--warning",
+      "danger": "Banner--error",
+      "success": "Banner--success"
+    }
+  },
   "Primer::Alpha::ButtonMarketing": {
     "DEFAULT_SCHEME": "default",
     "DEFAULT_TAG": "button",
@@ -396,27 +417,6 @@
       "span"
     ]
   },
-  "Primer::Beta::Banner": {
-    "DEFAULT_ICONS": {
-      "default": "bell",
-      "warning": "alert",
-      "danger": "stop",
-      "success": "check-circle"
-    },
-    "DEFAULT_SCHEME": "default",
-    "LEGACY_SCHEME_MAPPINGS": {
-      "default": "",
-      "warning": "flash-warn",
-      "danger": "flash-error",
-      "success": "flash-success"
-    },
-    "SCHEME_MAPPINGS": {
-      "default": "",
-      "warning": "Banner--warning",
-      "danger": "Banner--error",
-      "success": "Banner--success"
-    }
-  },
   "Primer::Beta::BaseButton": {
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
@@ -670,6 +670,19 @@
       "span"
     ]
   },
+  "Primer::Beta::ProgressBar": {
+    "SIZE_DEFAULT": "default",
+    "SIZE_MAPPINGS": {
+      "default": "",
+      "small": "Progress--small",
+      "large": "Progress--large"
+    },
+    "SIZE_OPTIONS": [
+      "default",
+      "small",
+      "large"
+    ]
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -719,8 +732,6 @@
   },
   "Primer::Content": {
   },
-  "Primer::CounterComponent": {
-  },
   "Primer::Dropdown": {
     "Menu": "Primer::Dropdown::Menu"
   },
@@ -889,17 +900,6 @@
     "DEFAULT_HEADING_TAG": "h4"
   },
   "Primer::ProgressBarComponent": {
-    "SIZE_DEFAULT": "default",
-    "SIZE_MAPPINGS": {
-      "default": "",
-      "small": "Progress--small",
-      "large": "Progress--large"
-    },
-    "SIZE_OPTIONS": [
-      "default",
-      "small",
-      "large"
-    ]
   },
   "Primer::SpinnerComponent": {
     "DEFAULT_SIZE": "medium",

data/static/statuses.json

@@ -5,6 +5,7 @@
   "Primer::Alpha::ActionList::Item": "alpha",
   "Primer::Alpha::AutoComplete": "deprecated",
   "Primer::Alpha::AutoComplete::Item": "deprecated",
+  "Primer::Alpha::Banner": "alpha",
   "Primer::Alpha::ButtonMarketing": "alpha",
   "Primer::Alpha::Dialog": "alpha",
   "Primer::Alpha::Dialog::Body": "alpha",
@@ -33,7 +34,6 @@
   "Primer::Beta::AutoComplete::Item": "beta",
   "Primer::Beta::Avatar": "beta",
   "Primer::Beta::AvatarStack": "beta",
-  "Primer::Beta::Banner": "beta",
   "Primer::Beta::BaseButton": "beta",
   "Primer::Beta::Blankslate": "beta",
   "Primer::Beta::BorderBox": "beta",
@@ -50,6 +50,7 @@
   "Primer::Beta::IconButton": "beta",
   "Primer::Beta::Label": "beta",
   "Primer::Beta::Link": "beta",
+  "Primer::Beta::ProgressBar": "beta",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
@@ -60,7 +61,6 @@
   "Primer::ClipboardCopy": "beta",
   "Primer::ConditionalWrapper": "alpha",
   "Primer::Content": "stable",
-  "Primer::CounterComponent": "deprecated",
   "Primer::Dropdown": "alpha",
   "Primer::Dropdown::Menu": "alpha",
   "Primer::Dropdown::Menu::Item": "alpha",
@@ -78,7 +78,7 @@
   "Primer::OcticonComponent": "beta",
   "Primer::OcticonSymbolsComponent": "alpha",
   "Primer::PopoverComponent": "beta",
-  "Primer::ProgressBarComponent": "beta",
+  "Primer::ProgressBarComponent": "deprecated",
   "Primer::SpinnerComponent": "beta",
   "Primer::StateComponent": "beta",
   "Primer::SubheadComponent": "beta",