primer_view_components 0.0.53 → 0.0.57

data/lib/tasks/utilities.rake

@@ -11,6 +11,8 @@ namespace :utilities do
     # rubocop:disable Lint/ConstantDefinitionInBlock
     SUPPORTED_KEYS = %i[
       anim
+      color-icon
+      color-text
       d
       float
       height

data/static/arguments.yml

@@ -22,6 +22,74 @@
     type: Hash
     default: N/A
     description: "[System arguments](/system-arguments)"
+- component: TabNav
+  source: https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_nav.rb
+  parameters:
+  - name: tag
+    type: Symbol
+    default: "`:nav`"
+    description: One of `:div` and `:nav`.
+  - name: label
+    type: String
+    default: N/A
+    description: Sets an `aria-label` that helps assistive technology users understand
+      the purpose of the links, and distinguish it from similar elements.
+  - name: body_arguments
+    type: Hash
+    default: "`{}`"
+    description: "[System arguments](/system-arguments) for the body wrapper."
+  - name: system_arguments
+    type: Hash
+    default: N/A
+    description: "[System arguments](/system-arguments)"
+- component: TabPanels
+  source: https://github.com/primer/view_components/tree/main/app/components/primer/alpha/tab_panels.rb
+  parameters:
+  - name: label
+    type: String
+    default: N/A
+    description: Sets an `aria-label` that helps assistive technology users understand
+      the purpose of the tabs.
+  - name: align
+    type: Symbol
+    default: N/A
+    description: One of `:left` and `:right`. - Defaults to left
+  - name: body_arguments
+    type: Hash
+    default: "`{}`"
+    description: "[System arguments](/system-arguments) for the body wrapper."
+  - name: wrapper_arguments
+    type: Hash
+    default: "`{}`"
+    description: "[System arguments](/system-arguments) for the `TabContainer` wrapper."
+  - name: system_arguments
+    type: Hash
+    default: N/A
+    description: "[System arguments](/system-arguments)"
+- component: UnderlineNav
+  source: https://github.com/primer/view_components/tree/main/app/components/primer/alpha/underline_nav.rb
+  parameters:
+  - name: tag
+    type: Symbol
+    default: "`:nav`"
+    description: One of `:div` and `:nav`.
+  - name: label
+    type: String
+    default: N/A
+    description: Sets an `aria-label` that helps assistive technology users understand
+      the purpose of the links, and distinguish it from similar elements.
+  - name: align
+    type: Symbol
+    default: "`:left`"
+    description: One of `:left` and `:right`. - Defaults to left
+  - name: body_arguments
+    type: Hash
+    default: "`{}`"
+    description: "[System arguments](/system-arguments) for the body wrapper."
+  - name: system_arguments
+    type: Hash
+    default: N/A
+    description: "[System arguments](/system-arguments)"
 - component: BaseButton
   source: https://github.com/primer/view_components/tree/main/app/components/primer/base_button.rb
   parameters:
@@ -132,6 +200,13 @@
     type: Hash
     default: N/A
     description: "[System arguments](/system-arguments)"
+- component: Breadcrumbs
+  source: https://github.com/primer/view_components/tree/main/app/components/primer/beta/breadcrumbs.rb
+  parameters:
+  - name: system_arguments
+    type: Hash
+    default: N/A
+    description: "[System arguments](/system-arguments)"
 - component: Text
   source: https://github.com/primer/view_components/tree/main/app/components/primer/beta/text.rb
   parameters:
@@ -235,13 +310,6 @@
     type: Hash
     default: N/A
     description: "[System arguments](/system-arguments)"
-- component: Breadcrumb
-  source: https://github.com/primer/view_components/tree/main/app/components/primer/breadcrumb_component.rb
-  parameters:
-  - name: system_arguments
-    type: Hash
-    default: N/A
-    description: "[System arguments](/system-arguments)"
 - component: Button
   source: https://github.com/primer/view_components/tree/main/app/components/primer/button_component.rb
   parameters:
@@ -838,33 +906,6 @@
     type: Hash
     default: N/A
     description: "[System arguments](/system-arguments)"
-- component: TabNav
-  source: https://github.com/primer/view_components/tree/main/app/components/primer/tab_nav_component.rb
-  parameters:
-  - name: label
-    type: String
-    default: N/A
-    description: Used to set the `aria-label` on the top level `<nav>` element.
-  - name: with_panel
-    type: Boolean
-    default: "`false`"
-    description: Whether the TabNav should navigate through pages or panels. When
-      true, [TabContainer](/components/tabcontainer) is rendered along with JavaScript
-      behavior. Additionally, the `tab` slot will render as a button as opposed to
-      an anchor.
-  - name: body_arguments
-    type: Hash
-    default: "`{}`"
-    description: "[System arguments](/system-arguments) for the body wrapper."
-  - name: wrapper_arguments
-    type: Hash
-    default: "`{}`"
-    description: "[System arguments](/system-arguments) for the `TabContainer` wrapper.
-      Only applies if `with_panel` is `true`."
-  - name: system_arguments
-    type: Hash
-    default: N/A
-    description: "[System arguments](/system-arguments)"
 - component: TimeAgo
   source: https://github.com/primer/view_components/tree/main/app/components/primer/time_ago_component.rb
   parameters:
@@ -948,33 +989,3 @@
     type: Hash
     default: N/A
     description: "[System arguments](/system-arguments)"
-- component: UnderlineNav
-  source: https://github.com/primer/view_components/tree/main/app/components/primer/underline_nav_component.rb
-  parameters:
-  - name: label
-    type: String
-    default: N/A
-    description: The `aria-label` on top level `<nav>` element.
-  - name: with_panel
-    type: Boolean
-    default: "`false`"
-    description: Whether the `UnderlineNav` should navigate through pages or panels.
-      When true, [TabContainer](/components/tabcontainer) is rendered along with JavaScript
-      behavior.
-  - name: align
-    type: Symbol
-    default: "`:left`"
-    description: One of `:left` and `:right`. - Defaults to left
-  - name: body_arguments
-    type: Hash
-    default: "`{ tag: BODY_TAG_DEFAULT }`"
-    description: "[System arguments](/system-arguments) for the body wrapper."
-  - name: wrapper_arguments
-    type: Hash
-    default: "`{}`"
-    description: "[System arguments](/system-arguments) for the `TabContainer` wrapper.
-      Only applies if `with_panel` is `true`."
-  - name: system_arguments
-    type: Hash
-    default: N/A
-    description: "[System arguments](/system-arguments)"

data/static/classes.yml

@@ -76,6 +76,7 @@
 - ".border"
 - ".border-bottom-0"
 - ".breadcrumb-item"
+- ".breadcrumb-item-selected"
 - ".btn"
 - ".btn-block"
 - ".btn-danger"
@@ -114,6 +115,7 @@
 - ".custom-class"
 - ".d-flex"
 - ".d-inline-block"
+- ".d-inline-flex"
 - ".details-overlay"
 - ".details-reset"
 - ".dropdown"

data/static/constants.json

@@ -33,6 +33,32 @@
       "large"
     ]
   },
+  "Primer::Alpha::TabNav": {
+    "BODY_TAG_DEFAULT": "ul",
+    "TAG_DEFAULT": "nav",
+    "TAG_OPTIONS": [
+      "nav",
+      "div"
+    ]
+  },
+  "Primer::Alpha::TabPanels": {
+    "BODY_TAG_DEFAULT": "ul",
+    "TAG_DEFAULT": "nav",
+    "TAG_OPTIONS": [
+      "nav",
+      "div"
+    ]
+  },
+  "Primer::Alpha::UnderlineNav": {
+    "BODY_TAG_DEFAULT": "ul",
+    "TAG_DEFAULT": "nav",
+    "TAG_OPTIONS": [
+      "nav",
+      "div"
+    ]
+  },
+  "Primer::Alpha::UnderlinePanels": {
+  },
   "Primer::BaseButton": {
     "DEFAULT_TAG": "button",
     "DEFAULT_TYPE": "button",
@@ -82,6 +108,11 @@
       "span"
     ]
   },
+  "Primer::Beta::Breadcrumbs": {
+    "Item": "Primer::Beta::Breadcrumbs::Item"
+  },
+  "Primer::Beta::Breadcrumbs::Item": {
+  },
   "Primer::Beta::Text": {
     "DEFAULT_TAG": "span"
   },
@@ -110,11 +141,6 @@
   },
   "Primer::BoxComponent": {
   },
-  "Primer::BreadcrumbComponent": {
-    "ItemComponent": "Primer::BreadcrumbComponent::ItemComponent"
-  },
-  "Primer::BreadcrumbComponent::ItemComponent": {
-  },
   "Primer::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
     "DEFAULT_VARIANT": "medium",
@@ -574,13 +600,6 @@
   },
   "Primer::TabContainerComponent": {
   },
-  "Primer::TabNavComponent": {
-    "DEFAULT_EXTRA_ALIGN": "left",
-    "EXTRA_ALIGN_OPTIONS": [
-      "left",
-      "right"
-    ]
-  },
   "Primer::TimeAgoComponent": {
   },
   "Primer::TimelineItemComponent": {
@@ -619,22 +638,5 @@
       "p",
       "strong"
     ]
-  },
-  "Primer::UnderlineNavComponent": {
-    "ACTIONS_TAG_DEFAULT": "div",
-    "ACTIONS_TAG_OPTIONS": [
-      "div",
-      "span"
-    ],
-    "ALIGN_DEFAULT": "left",
-    "ALIGN_OPTIONS": [
-      "left",
-      "right"
-    ],
-    "BODY_TAG_DEFAULT": "div",
-    "BODY_TAG_OPTIONS": [
-      "div",
-      "ul"
-    ]
   }
 }

data/static/statuses.json

@@ -1,5 +1,9 @@
 {
   "Primer::Alpha::ButtonMarketing": "alpha",
+  "Primer::Alpha::TabNav": "alpha",
+  "Primer::Alpha::TabPanels": "alpha",
+  "Primer::Alpha::UnderlineNav": "alpha",
+  "Primer::Alpha::UnderlinePanels": "alpha",
   "Primer::BaseButton": "beta",
   "Primer::BaseComponent": "beta",
   "Primer::Beta::AutoComplete": "beta",
@@ -7,14 +11,14 @@
   "Primer::Beta::AutoComplete::Item": "beta",
   "Primer::Beta::Avatar": "beta",
   "Primer::Beta::AvatarStack": "beta",
+  "Primer::Beta::Breadcrumbs": "beta",
+  "Primer::Beta::Breadcrumbs::Item": "alpha",
   "Primer::Beta::Text": "beta",
   "Primer::Beta::Truncate": "beta",
   "Primer::Beta::Truncate::TruncateText": "alpha",
   "Primer::BlankslateComponent": "beta",
   "Primer::BorderBoxComponent": "beta",
   "Primer::BoxComponent": "stable",
-  "Primer::BreadcrumbComponent": "beta",
-  "Primer::BreadcrumbComponent::ItemComponent": "alpha",
   "Primer::ButtonComponent": "beta",
   "Primer::ButtonGroup": "beta",
   "Primer::ClipboardCopy": "beta",
@@ -48,11 +52,9 @@
   "Primer::StateComponent": "beta",
   "Primer::SubheadComponent": "beta",
   "Primer::TabContainerComponent": "alpha",
-  "Primer::TabNavComponent": "beta",
   "Primer::TimeAgoComponent": "beta",
   "Primer::TimelineItemComponent": "beta",
   "Primer::TimelineItemComponent::BadgeComponent": "alpha",
   "Primer::Tooltip": "beta",
-  "Primer::Truncate": "beta",
-  "Primer::UnderlineNavComponent": "alpha"
+  "Primer::Truncate": "beta"
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.53
+  version: 0.0.57
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-08-26 00:00:00.000000000 Z
+date: 2021-09-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -72,6 +72,20 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: allocation_stats
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.1'
 - !ruby/object:Gem::Dependency
   name: allocation_tracer
   requirement: !ruby/object:Gem::Requirement
@@ -365,6 +379,14 @@ files:
 - app/assets/javascripts/primer_view_components.js
 - app/assets/javascripts/primer_view_components.js.map
 - app/components/primer/alpha/button_marketing.rb
+- app/components/primer/alpha/tab_nav.html.erb
+- app/components/primer/alpha/tab_nav.rb
+- app/components/primer/alpha/tab_panels.html.erb
+- app/components/primer/alpha/tab_panels.rb
+- app/components/primer/alpha/underline_nav.html.erb
+- app/components/primer/alpha/underline_nav.rb
+- app/components/primer/alpha/underline_panels.html.erb
+- app/components/primer/alpha/underline_panels.rb
 - app/components/primer/auto_complete/auto_complete.d.ts
 - app/components/primer/auto_complete/auto_complete.js
 - app/components/primer/auto_complete/auto_component.d.ts
@@ -380,6 +402,8 @@ files:
 - app/components/primer/beta/avatar.rb
 - app/components/primer/beta/avatar_stack.html.erb
 - app/components/primer/beta/avatar_stack.rb
+- app/components/primer/beta/breadcrumbs.html.erb
+- app/components/primer/beta/breadcrumbs.rb
 - app/components/primer/beta/text.rb
 - app/components/primer/beta/truncate.html.erb
 - app/components/primer/beta/truncate.rb
@@ -388,8 +412,6 @@ files:
 - app/components/primer/border_box_component.html.erb
 - app/components/primer/border_box_component.rb
 - app/components/primer/box_component.rb
-- app/components/primer/breadcrumb_component.html.erb
-- app/components/primer/breadcrumb_component.rb
 - app/components/primer/button_component.html.erb
 - app/components/primer/button_component.rb
 - app/components/primer/button_group.html.erb
@@ -462,8 +484,6 @@ files:
 - app/components/primer/tab_container_component.js
 - app/components/primer/tab_container_component.rb
 - app/components/primer/tab_container_component.ts
-- app/components/primer/tab_nav_component.html.erb
-- app/components/primer/tab_nav_component.rb
 - app/components/primer/time_ago_component.d.ts
 - app/components/primer/time_ago_component.js
 - app/components/primer/time_ago_component.rb
@@ -472,15 +492,15 @@ files:
 - app/components/primer/timeline_item_component.rb
 - app/components/primer/tooltip.rb
 - app/components/primer/truncate.rb
-- app/components/primer/underline_nav_component.html.erb
-- app/components/primer/underline_nav_component.rb
 - app/lib/primer/class_name_helper.rb
 - app/lib/primer/fetch_or_fallback_helper.rb
 - app/lib/primer/join_style_arguments_helper.rb
 - app/lib/primer/octicon/cache.rb
 - app/lib/primer/status/dsl.rb
+- app/lib/primer/tab_nav_helper.rb
 - app/lib/primer/tabbed_component_helper.rb
 - app/lib/primer/test_selector_helper.rb
+- app/lib/primer/underline_nav_helper.rb
 - app/lib/primer/view_helper.rb
 - lib/primer/classify.rb
 - lib/primer/classify/cache.rb
@@ -488,7 +508,6 @@ files:
 - lib/primer/classify/functional_background_colors.rb
 - lib/primer/classify/functional_border_colors.rb
 - lib/primer/classify/functional_colors.rb
-- lib/primer/classify/functional_text_colors.rb
 - lib/primer/classify/grid.rb
 - lib/primer/classify/utilities.rb
 - lib/primer/classify/utilities.yml
@@ -517,6 +536,7 @@ files:
 - lib/primer/view_components/version.rb
 - lib/rubocop/config/default.yml
 - lib/rubocop/cop/primer.rb
+- lib/rubocop/cop/primer/base_cop.rb
 - lib/rubocop/cop/primer/deprecated_arguments.rb
 - lib/rubocop/cop/primer/no_tag_memoize.rb
 - lib/rubocop/cop/primer/primer_octicon.rb

data/app/components/primer/breadcrumb_component.rb

@@ -1,57 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  # Use `Breadcrumb` to display page hierarchy within a section of the site. All of the items in the breadcrumb "trail" are links except for the final item, which is a plain string indicating the current page.
-  class BreadcrumbComponent < Primer::Component
-    status :beta
-
-    # _Note: if both `href` and `selected: true` are passed in, `href` will be ignored and the item will not be rendered as a link._
-    #
-    # @param href [String] The URL to link to.
-    # @param selected [Boolean] Whether or not the item is selected and not rendered as a link.
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    renders_many :items, "ItemComponent"
-
-    # @example Basic
-    #   <%= render(Primer::BreadcrumbComponent.new) do |component| %>
-    #     <% component.item(href: "/") do %>Home<% end %>
-    #     <% component.item(href: "/about") do %>About<% end %>
-    #     <% component.item(selected: true) do %>Team<% end %>
-    #   <% end %>
-    #
-    # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(**system_arguments)
-      @system_arguments = system_arguments
-      @system_arguments[:tag] = :nav
-      @system_arguments[:aria] = { label: "Breadcrumb" }
-    end
-
-    def render?
-      items.any?
-    end
-
-    # This component is part of `Primer::BreadcrumbComponent` and should not be
-    # used as a standalone component.
-    class ItemComponent < Primer::Component
-      def initialize(href: nil, selected: false, **system_arguments)
-        @href = href
-        @system_arguments = system_arguments
-
-        @href = nil if selected
-        @system_arguments[:tag] = :li
-        @system_arguments[:"aria-current"] = "page" if selected
-        @system_arguments[:classes] = "breadcrumb-item #{@system_arguments[:classes]}"
-      end
-
-      def call
-        render(Primer::BaseComponent.new(**@system_arguments)) do
-          if @href.present?
-            render(Primer::LinkComponent.new(href: @href)) { content }
-          else
-            content
-          end
-        end
-      end
-    end
-  end
-end