primer_view_components 0.0.63 → 0.0.67

data/lib/rubocop/cop/primer/deprecated_button_arguments.rb

@@ -0,0 +1,51 @@
+# frozen_string_literal: true
+
+require "rubocop"
+
+# :nocov:
+module RuboCop
+  module Cop
+    module Primer
+      # This cop ensures that `ButtonComponent` doesn't use deprecated arguments.
+      #
+      # bad
+      # ButtonComponent.new(variant: :small)
+      #
+      # good
+      # ButtonComponent.new(size: :small)
+      class DeprecatedButtonArguments < BaseCop
+        INVALID_MESSAGE = <<~STR
+          `variant` is deprecated. Use `size` instead.
+        STR
+
+        def_node_matcher :button_component?, <<~PATTERN
+          (send (const (const nil? :Primer) :ButtonComponent) :new ...)
+        PATTERN
+
+        DEPRECATIONS = {
+          variant: :size
+        }.freeze
+
+        def on_send(node)
+          return unless button_component?(node)
+
+          kwargs = node.arguments.last
+
+          return if kwargs.nil?
+
+          pair = kwargs.pairs.find { |x| x.key.value == :variant }
+
+          return if pair.nil?
+
+          add_offense(pair.key, message: INVALID_MESSAGE)
+        end
+
+        def autocorrect(node)
+          lambda do |corrector|
+            corrector.replace(node, DEPRECATIONS[node.value])
+          end
+        end
+      end
+    end
+  end
+end

data/lib/rubocop/cop/primer/deprecated_label_schemes.rb

@@ -0,0 +1,68 @@
+# frozen_string_literal: true
+
+require "rubocop"
+
+# :nocov:
+module RuboCop
+  module Cop
+    module Primer
+      # This cop ensures that components don't use deprecated `Label` schemes.
+      #
+      # bad
+      # Primer::LabelComponent.new(scheme: :info)
+      #
+      # good
+      # Primer::LabelComponent.new(scheme: :accent)
+      class DeprecatedLabelSchemes < BaseCop
+        INVALID_MESSAGE = <<~STR
+          Avoid using deprecated schemes: https://primer.style/view-components/deprecated#labelcomponent.
+        STR
+
+        # This is a hash of deprecated schemes and their replacements.
+        DEPRECATIONS = {
+          info: ":accent",
+          warning: ":attention",
+          orange: ":severe",
+          purple: ":done"
+        }.freeze
+
+        def on_send(node)
+          return unless label_node?(node)
+          return unless node.arguments?
+
+          # we are looking for hash arguments and they are always last
+          kwargs = node.arguments.last
+
+          return unless kwargs.type == :hash
+
+          kwargs.pairs.each do |pair|
+            # Skip if we're not dealing with a symbol
+            next if pair.key.type != :sym
+            next unless pair.value.type == :sym || pair.value.type == :str
+
+            value = pair.value.value.to_sym
+
+            next unless DEPRECATIONS.key?(value)
+
+            add_offense(pair.value, message: INVALID_MESSAGE)
+          end
+        end
+
+        def autocorrect(node)
+          lambda do |corrector|
+            replacement = DEPRECATIONS[node.value.to_sym]
+            corrector.replace(node, replacement)
+          end
+        end
+
+        private
+
+        def label_node?(node)
+          return if node.nil?
+
+          node.method_name == :new && !node.receiver.nil? && node.receiver.const_name == "Primer::LabelComponent"
+        end
+      end
+    end
+  end
+end

data/lib/tasks/custom_utilities.yml

@@ -99,6 +99,12 @@
   - border-x
   true:
   - border
+  0:
+  - border-0
+  false:
+  - border-0
+  :dashed:
+  - border-dashed
 :border_top:
   0:
   - border-top-0
@@ -123,32 +129,84 @@
 :justify_content:
   :flex_start:
   - flex-justify-start
+  - flex-sm-justify-start
+  - flex-md-justify-start
+  - flex-lg-justify-start
+  - flex-xl-justify-start
   :flex_end:
   - flex-justify-end
+  - flex-sm-justify-end
+  - flex-md-justify-end
+  - flex-lg-justify-end
+  - flex-xl-justify-end
   :center:
   - flex-justify-center
+  - flex-sm-justify-center
+  - flex-md-justify-center
+  - flex-lg-justify-center
+  - flex-xl-justify-center
   :space_between:
   - flex-justify-between
+  - flex-sm-justify-between
+  - flex-md-justify-between
+  - flex-lg-justify-between
+  - flex-xl-justify-between
   :space_around:
   - flex-justify-around
+  - flex-sm-justify-around
+  - flex-md-justify-around
+  - flex-lg-justify-around
+  - flex-xl-justify-around
 :align_items:
   :flex_start:
   - flex-items-start
+  - flex-sm-items-start
+  - flex-md-items-start
+  - flex-lg-items-start
+  - flex-xl-items-start
   :flex_end:
   - flex-items-end
+  - flex-sm-items-end
+  - flex-md-items-end
+  - flex-lg-items-end
+  - flex-xl-items-end
   :center:
   - flex-items-center
+  - flex-sm-items-center
+  - flex-md-items-center
+  - flex-lg-items-center
+  - flex-xl-items-center
   :baseline:
   - flex-items-baseline
+  - flex-sm-items-baseline
+  - flex-md-items-baseline
+  - flex-lg-items-baseline
+  - flex-xl-items-baseline
   :stretch:
   - flex-items-stretch
+  - flex-sm-items-stretch
+  - flex-md-items-stretch
+  - flex-lg-items-stretch
+  - flex-xl-items-stretch
 :flex_wrap:
   :wrap:
   - flex-wrap
+  - flex-sm-wrap
+  - flex-md-wrap
+  - flex-lg-wrap
+  - flex-xl-wrap
   :nowrap:
   - flex-nowrap
+  - flex-sm-nowrap
+  - flex-md-nowrap
+  - flex-lg-nowrap
+  - flex-xl-nowrap
   :reverse:
   - flex-wrap-reverse
+  - flex-sm-wrap-reverse
+  - flex-md-wrap-reverse
+  - flex-lg-wrap-reverse
+  - flex-xl-wrap-reverse
 :direction:
   :column:
   - flex-column
@@ -177,24 +235,64 @@
 :flex:
   1:
   - flex-1
+  - flex-sm-1
+  - flex-md-1
+  - flex-lg-1
+  - flex-xl-1
   :auto:
   - flex-auto
+  - flex-sm-auto
+  - flex-md-auto
+  - flex-lg-auto
+  - flex-xl-auto
 :align_self:
   :auto:
   - flex-self-auto
+  - flex-sm-self-auto
+  - flex-md-self-auto
+  - flex-lg-self-auto
+  - flex-xl-self-auto
   :start:
   - flex-self-start
+  - flex-sm-self-start
+  - flex-md-self-start
+  - flex-lg-self-start
+  - flex-xl-self-start
   :end:
   - flex-self-end
+  - flex-sm-self-end
+  - flex-md-self-end
+  - flex-lg-self-end
+  - flex-xl-self-end
   :center:
   - flex-self-center
+  - flex-sm-self-center
+  - flex-md-self-center
+  - flex-lg-self-center
+  - flex-xl-self-center
   :baseline:
   - flex-self-baseline
+  - flex-sm-self-baseline
+  - flex-md-self-baseline
+  - flex-lg-self-baseline
+  - flex-xl-self-baseline
   :stretch:
   - flex-self-stretch
+  - flex-sm-self-stretch
+  - flex-md-self-stretch
+  - flex-lg-self-stretch
+  - flex-xl-self-stretch
 :flex_grow:
   0:
   - flex-grow-0
+  - flex-sm-grow-0
+  - flex-md-grow-0
+  - flex-lg-grow-0
+  - flex-xl-grow-0
 :flex_shrink:
   0:
   - flex-shrink-0
+  - flex-sm-shrink-0
+  - flex-md-shrink-0
+  - flex-lg-shrink-0
+  - flex-xl-shrink-0

data/lib/tasks/docs.rake

@@ -315,7 +315,6 @@ namespace :docs do
     nav_entries = Dir[File.join(*%w[adr *.md])].sort.map do |orig_path|
       orig_file_name = File.basename(orig_path)
       url_name = orig_file_name.chomp(".md")
-      title = ActiveSupport::Inflector.titleize(url_name.sub(/\A\d+-/, ""))
 
       file_contents = File.read(orig_path)
       file_contents = <<~CONTENTS.sub(/\n+\z/, "\n")
@@ -323,6 +322,12 @@ namespace :docs do
         #{file_contents}
       CONTENTS
 
+      title_match = /^# (.+)/.match(file_contents)
+      title = title_match[1]
+
+      # Don't include initial ADR for recording ADRs
+      next nil if title == "Record architecture decisions"
+
       File.write(File.join(adr_content_dir, orig_file_name), file_contents)
       puts "Copied #{orig_path}"
 
@@ -332,9 +337,9 @@ namespace :docs do
     nav_yaml_file = File.join(*%w[docs src @primer gatsby-theme-doctocat nav.yml])
     nav_yaml = YAML.load_file(nav_yaml_file)
     adr_entry = {
-      "title" => "Architecture Decisions",
+      "title" => "Architecture decisions",
       "url" => "/adr",
-      "children" => nav_entries
+      "children" => nav_entries.compact
     }
 
     existing_index = nav_yaml.index { |entry| entry["url"] == "/adr" }
@@ -360,7 +365,7 @@ namespace :docs do
       short_name = component.name.gsub(/Primer|::/, "")
       initialize_method = documentation.meths.find(&:constructor?)
 
-      next unless initialize_method.tags(:example).any?
+      next unless initialize_method&.tags(:example)&.any?
 
       yard_example_tags = initialize_method.tags(:example)
 

data/static/arguments.yml

@@ -324,6 +324,10 @@
     description: One of `:danger`, `:default`, `:invisible`, `:link`, `:outline`,
       or `:primary`.
   - name: variant
+    type: Symbol
+    default: "`nil`"
+    description: DEPRECATED. One of `:medium` and `:small`.
+  - name: size
     type: Symbol
     default: "`:medium`"
     description: One of `:medium` and `:small`.
@@ -355,6 +359,10 @@
   source: https://github.com/primer/view_components/tree/main/app/components/primer/button_group.rb
   parameters:
   - name: variant
+    type: Symbol
+    default: "`nil`"
+    description: DEPRECATED. One of `:medium` and `:small`.
+  - name: size
     type: Symbol
     default: "`:medium`"
     description: One of `:medium` and `:small`.
@@ -655,9 +663,10 @@
     description: One of `:a`, `:div`, `:span`, or `:summary`.
   - name: scheme
     type: Symbol
-    default: "`nil`"
-    description: One of `:danger`, `:info`, `:orange`, `:primary`, `:purple`, `:secondary`,
-      `:success`, or `:warning`.
+    default: "`:default`"
+    description: One of `:accent`, `:attention`, `:danger`, `:default`, `:done`, `:info`,
+      `:orange`, `:primary`, `:purple`, `:secondary`, `:severe`, `:sponsors`, `:success`,
+      or `:warning`.
   - name: variant
     type: Symbol
     default: "`nil`"

data/static/audited_at.json

@@ -28,6 +28,7 @@
   "Primer::ButtonGroup": "",
   "Primer::ClipboardCopy": "",
   "Primer::CloseButton": "",
+  "Primer::Content": "",
   "Primer::CounterComponent": "",
   "Primer::DetailsComponent": "",
   "Primer::Dropdown": "",

data/static/classes.yml

@@ -20,13 +20,16 @@
 - ".Counter--primary"
 - ".Counter--secondary"
 - ".Label"
+- ".Label--accent"
+- ".Label--attention"
 - ".Label--danger"
-- ".Label--info"
+- ".Label--done"
 - ".Label--large"
 - ".Label--primary"
 - ".Label--secondary"
+- ".Label--severe"
+- ".Label--sponsors"
 - ".Label--success"
-- ".Label--warning"
 - ".Layout"
 - ".Layout--flowRow-until-lg"
 - ".Layout--flowRow-until-md"
@@ -191,7 +194,6 @@
 - ".pr-2"
 - ".pt-5"
 - ".right-0"
-- ".sr-only"
 - ".tabnav"
 - ".tabnav-tab"
 - ".tabnav-tabs"
@@ -202,4 +204,3 @@
 - ".tooltipped-n"
 - ".tooltipped-no-delay"
 - ".tooltipped-s"
-- ".v-align-bottom"

data/static/constants.json

@@ -279,7 +279,7 @@
   },
   "Primer::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
-    "DEFAULT_VARIANT": "medium",
+    "DEFAULT_SIZE": "medium",
     "LINK_SCHEME": "link",
     "SCHEME_MAPPINGS": {
       "default": "",
@@ -297,11 +297,11 @@
       "invisible",
       "link"
     ],
-    "VARIANT_MAPPINGS": {
+    "SIZE_MAPPINGS": {
       "small": "btn-sm",
       "medium": ""
     },
-    "VARIANT_OPTIONS": [
+    "SIZE_OPTIONS": [
       "small",
       "medium"
     ]
@@ -317,6 +317,8 @@
       "submit"
     ]
   },
+  "Primer::Content": {
+  },
   "Primer::CounterComponent": {
     "DEFAULT_SCHEME": "default",
     "DEPRECATED_SCHEME_OPTIONS": [
@@ -504,29 +506,41 @@
   "Primer::ImageCrop": {
   },
   "Primer::LabelComponent": {
+    "DEFAULT_SCHEME": "default",
     "DEFAULT_TAG": "span",
     "DEPRECATED_SCHEME_OPTIONS": [
+      "info",
+      "warning",
       "orange",
       "purple"
     ],
     "SCHEME_MAPPINGS": {
+      "default": "",
       "primary": "Label--primary",
       "secondary": "Label--secondary",
-      "info": "Label--info",
+      "accent": "Label--accent",
       "success": "Label--success",
-      "warning": "Label--warning",
+      "attention": "Label--attention",
       "danger": "Label--danger",
+      "severe": "Label--severe",
+      "done": "Label--done",
+      "sponsors": "Label--sponsors",
+      "info": "Label--info",
+      "warning": "Label--warning",
       "orange": "Label--orange",
       "purple": "Label--purple"
     },
     "SCHEME_OPTIONS": [
+      "default",
       "primary",
       "secondary",
-      "info",
+      "accent",
       "success",
-      "warning",
+      "attention",
       "danger",
-      null
+      "severe",
+      "done",
+      "sponsors"
     ],
     "TAG_OPTIONS": [
       "span",

data/static/statuses.json

@@ -28,6 +28,7 @@
   "Primer::ButtonGroup": "beta",
   "Primer::ClipboardCopy": "beta",
   "Primer::CloseButton": "beta",
+  "Primer::Content": "stable",
   "Primer::CounterComponent": "beta",
   "Primer::DetailsComponent": "beta",
   "Primer::Dropdown": "alpha",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.63
+  version: 0.0.67
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-12-03 00:00:00.000000000 Z
+date: 2022-01-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -44,14 +44,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '15'
+        version: '16'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '15'
+        version: '16'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -391,6 +391,8 @@ files:
 - 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/base_button.rb
 - app/components/primer/base_component.rb
 - app/components/primer/beta/auto_complete.rb
@@ -425,6 +427,7 @@ files:
 - app/components/primer/clipboard_copy_component.ts
 - app/components/primer/close_button.rb
 - app/components/primer/component.rb
+- app/components/primer/content.rb
 - app/components/primer/counter_component.rb
 - app/components/primer/details_component.html.erb
 - app/components/primer/details_component.rb
@@ -543,6 +546,8 @@ files:
 - lib/rubocop/cop/primer.rb
 - lib/rubocop/cop/primer/base_cop.rb
 - lib/rubocop/cop/primer/deprecated_arguments.rb
+- lib/rubocop/cop/primer/deprecated_button_arguments.rb
+- lib/rubocop/cop/primer/deprecated_label_schemes.rb
 - lib/rubocop/cop/primer/deprecated_layout_component.rb
 - lib/rubocop/cop/primer/no_tag_memoize.rb
 - lib/rubocop/cop/primer/primer_octicon.rb
@@ -584,7 +589,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.6
+rubygems_version: 3.1.2
 signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System