primer_view_components 0.0.64 → 0.0.65

data/app/components/primer/beta/blankslate.rb

@@ -81,7 +81,7 @@ module Primer
         system_arguments[:tag] = :a
         system_arguments[:href] = href
         system_arguments[:mt] = 5
-        system_arguments[:variant] = :medium
+        system_arguments[:size] = :medium
         system_arguments[:scheme] ||= :primary
 
         Primer::ButtonComponent.new(**system_arguments)

data/app/components/primer/button_component.html.erb

@@ -1,3 +1,3 @@
 <%= render Primer::BaseButton.new(**@system_arguments) do -%>
-  <%= leading_visual %><%= trimmed_content %><%= trailing_visual %><%= primer_octicon("triangle-down", mr: -1) if @dropdown %>
+  <%= leading_visual %><%= trimmed_content %><%= trailing_visual %><%= primer_octicon("triangle-down", ml: 2, mr: -1) if @dropdown %>
 <% end -%>

data/app/components/primer/button_component.rb

@@ -17,12 +17,12 @@ module Primer
     }.freeze
     SCHEME_OPTIONS = SCHEME_MAPPINGS.keys
 
-    DEFAULT_VARIANT = :medium
-    VARIANT_MAPPINGS = {
+    DEFAULT_SIZE = :medium
+    SIZE_MAPPINGS = {
       :small => "btn-sm",
-      DEFAULT_VARIANT => ""
+      DEFAULT_SIZE => ""
     }.freeze
-    VARIANT_OPTIONS = VARIANT_MAPPINGS.keys
+    SIZE_OPTIONS = SIZE_MAPPINGS.keys
 
     # Leading visuals appear to the left of the button text.
     #
@@ -64,9 +64,9 @@ module Primer
     #   <%= render(Primer::ButtonComponent.new(scheme: :invisible)) { "Invisible" } %>
     #   <%= render(Primer::ButtonComponent.new(scheme: :link)) { "Link" } %>
     #
-    # @example Variants
-    #   <%= render(Primer::ButtonComponent.new(variant: :small)) { "Small" } %>
-    #   <%= render(Primer::ButtonComponent.new(variant: :medium)) { "Medium" } %>
+    # @example Sizes
+    #   <%= render(Primer::ButtonComponent.new(size: :small)) { "Small" } %>
+    #   <%= render(Primer::ButtonComponent.new(size: :medium)) { "Medium" } %>
     #
     # @example Block
     #   <%= render(Primer::ButtonComponent.new(block: :true)) { "Block" } %>
@@ -97,7 +97,8 @@ module Primer
     #   <% end %>
     #
     # @param scheme [Symbol] <%= one_of(Primer::ButtonComponent::SCHEME_OPTIONS) %>
-    # @param variant [Symbol] <%= one_of(Primer::ButtonComponent::VARIANT_OPTIONS) %>
+    # @param variant [Symbol] DEPRECATED. <%= one_of(Primer::ButtonComponent::SIZE_OPTIONS) %>
+    # @param size [Symbol] <%= one_of(Primer::ButtonComponent::SIZE_OPTIONS) %>
     # @param tag [Symbol] (Primer::BaseButton::DEFAULT_TAG) <%= one_of(Primer::BaseButton::TAG_OPTIONS) %>
     # @param type [Symbol] (Primer::BaseButton::DEFAULT_TYPE) <%= one_of(Primer::BaseButton::TYPE_OPTIONS) %>
     # @param group_item [Boolean] Whether button is part of a ButtonGroup.
@@ -106,7 +107,8 @@ module Primer
     # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
     def initialize(
       scheme: DEFAULT_SCHEME,
-      variant: DEFAULT_VARIANT,
+      variant: nil,
+      size: DEFAULT_SIZE,
       group_item: false,
       block: false,
       dropdown: false,
@@ -119,7 +121,7 @@ module Primer
       @system_arguments[:classes] = class_names(
         system_arguments[:classes],
         SCHEME_MAPPINGS[fetch_or_fallback(SCHEME_OPTIONS, scheme, DEFAULT_SCHEME)],
-        VARIANT_MAPPINGS[fetch_or_fallback(VARIANT_OPTIONS, variant, DEFAULT_VARIANT)],
+        SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, variant || size, DEFAULT_SIZE)],
         "btn" => !link?,
         "btn-block" => block,
         "BtnGroup-item" => group_item

data/app/components/primer/button_group.rb

@@ -7,10 +7,10 @@ module Primer
 
     # Required list of buttons to be rendered.
     #
-    # @param kwargs [Hash] The same arguments as <%= link_to_component(Primer::ButtonComponent) %> except for `variant` and `group_item`.
+    # @param kwargs [Hash] The same arguments as <%= link_to_component(Primer::ButtonComponent) %> except for `size` and `group_item`.
     renders_many :buttons, lambda { |**kwargs|
       kwargs[:group_item] = true
-      kwargs[:variant] = @variant
+      kwargs[:size] = @size
 
       Primer::ButtonComponent.new(**kwargs)
     }
@@ -25,19 +25,20 @@ module Primer
     #     <% component.button(classes: "custom-class") { "Custom class" } %>
     #   <% end %>
     #
-    # @example Variants
+    # @example Sizes
     #
-    #   <%= render(Primer::ButtonGroup.new(variant: :small)) do |component| %>
+    #   <%= render(Primer::ButtonGroup.new(size: :small)) do |component| %>
     #     <% component.button { "Default" } %>
     #     <% component.button(scheme: :primary) { "Primary" } %>
     #     <% component.button(scheme: :danger) { "Danger" } %>
     #     <% component.button(scheme: :outline) { "Outline" } %>
     #   <% end %>
     #
-    # @param variant [Symbol] <%= one_of(Primer::ButtonComponent::VARIANT_OPTIONS) %>
+    # @param variant [Symbol] DEPRECATED. <%= one_of(Primer::ButtonComponent::SIZE_OPTIONS) %>
+    # @param size [Symbol] <%= one_of(Primer::ButtonComponent::SIZE_OPTIONS) %>
     # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(variant: Primer::ButtonComponent::DEFAULT_VARIANT, **system_arguments)
-      @variant = variant
+    def initialize(variant: nil, size: Primer::ButtonComponent::DEFAULT_SIZE, **system_arguments)
+      @size = variant || size
       @system_arguments = deny_tag_argument(**system_arguments)
       @system_arguments[:tag] = :div
 

data/app/components/primer/dropdown.rb

@@ -88,7 +88,7 @@ module Primer
     #
     # @example Customizing the button
     #   <%= render(Primer::Dropdown.new) do |c| %>
-    #     <% c.button(scheme: :primary, variant: :small) do %>
+    #     <% c.button(scheme: :primary, size: :small) do %>
     #       Dropdown
     #     <% end %>
     #

data/app/components/primer/flash_component.rb

@@ -42,7 +42,7 @@ module Primer
     #   <%= render(Primer::FlashComponent.new) do |component| %>
     #     This is a flash message with actions!
     #     <% component.action do %>
-    #       <%= render(Primer::ButtonComponent.new(variant: :small)) { "Take action" } %>
+    #       <%= render(Primer::ButtonComponent.new(size: :small)) { "Take action" } %>
     #     <% end %>
     #   <% end %>
     #

data/app/components/primer/image.rb

@@ -29,8 +29,8 @@ module Primer
     def initialize(src:, alt:, lazy: false, **system_arguments)
       @system_arguments = deny_tag_argument(**system_arguments)
 
+      @src = src
       @system_arguments[:tag] = :img
-      @system_arguments[:src] = src
       @system_arguments[:alt] = alt
 
       return unless lazy
@@ -40,7 +40,7 @@ module Primer
     end
 
     def call
-      render(Primer::BaseComponent.new(**@system_arguments))
+      render(Primer::BaseComponent.new(src: image_path(@src), **@system_arguments))
     end
   end
 end

data/app/components/primer/label_component.rb

@@ -11,19 +11,26 @@ module Primer
     DEFAULT_TAG = :span
     TAG_OPTIONS = [DEFAULT_TAG, :summary, :a, :div].freeze
 
+    DEFAULT_SCHEME = :default
     SCHEME_MAPPINGS = {
-      primary: "Label--primary",
-      secondary: "Label--secondary",
-      info: "Label--info",
-      success: "Label--success",
-      warning: "Label--warning",
-      danger: "Label--danger",
+      DEFAULT_SCHEME => "",
+      :primary => "Label--primary",
+      :secondary => "Label--secondary",
+      :accent => "Label--accent",
+      :success => "Label--success",
+      :attention => "Label--attention",
+      :danger => "Label--danger",
+      :severe => "Label--severe",
+      :done => "Label--done",
+      :sponsors => "Label--sponsors",
       # deprecated
-      orange: "Label--orange",
-      purple: "Label--purple"
+      :info => "Label--info",
+      :warning => "Label--warning",
+      :orange => "Label--orange",
+      :purple => "Label--purple"
     }.freeze
-    DEPRECATED_SCHEME_OPTIONS = [:orange, :purple].freeze
-    SCHEME_OPTIONS = ([*SCHEME_MAPPINGS.keys, nil] - DEPRECATED_SCHEME_OPTIONS).freeze
+    DEPRECATED_SCHEME_OPTIONS = [:info, :warning, :orange, :purple].freeze
+    SCHEME_OPTIONS = (SCHEME_MAPPINGS.keys - DEPRECATED_SCHEME_OPTIONS).freeze
 
     VARIANT_MAPPINGS = {
       large: "Label--large",
@@ -35,10 +42,13 @@ module Primer
     #   <%= render(Primer::LabelComponent.new) { "Default" } %>
     #   <%= render(Primer::LabelComponent.new(scheme: :primary)) { "Primary" } %>
     #   <%= render(Primer::LabelComponent.new(scheme: :secondary)) { "Secondary" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :info)) { "Info" } %>
+    #   <%= render(Primer::LabelComponent.new(scheme: :accent)) { "Accent" } %>
     #   <%= render(Primer::LabelComponent.new(scheme: :success)) { "Success" } %>
-    #   <%= render(Primer::LabelComponent.new(scheme: :warning)) { "Warning" } %>
+    #   <%= render(Primer::LabelComponent.new(scheme: :attention)) { "Attention" } %>
     #   <%= render(Primer::LabelComponent.new(scheme: :danger)) { "Danger" } %>
+    #   <%= render(Primer::LabelComponent.new(scheme: :severe)) { "Severe" } %>
+    #   <%= render(Primer::LabelComponent.new(scheme: :done)) { "Done" } %>
+    #   <%= render(Primer::LabelComponent.new(scheme: :sponsors)) { "Sponsors" } %>
     #
     # @example Variants
     #   <%= render(Primer::LabelComponent.new) { "Default" } %>
@@ -48,7 +58,7 @@ module Primer
     # @param scheme [Symbol] <%= one_of(Primer::LabelComponent::SCHEME_MAPPINGS.keys) %>
     # @param variant [Symbol] <%= one_of(Primer::LabelComponent::VARIANT_OPTIONS) %>
     # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
-    def initialize(tag: DEFAULT_TAG, scheme: nil, variant: nil, **system_arguments)
+    def initialize(tag: DEFAULT_TAG, scheme: DEFAULT_SCHEME, variant: nil, **system_arguments)
       @system_arguments = system_arguments
       @system_arguments[:tag] = fetch_or_fallback(TAG_OPTIONS, tag, DEFAULT_TAG)
       @system_arguments[:classes] = class_names(

data/app/components/primer/spinner_component.html.erb

@@ -1,15 +1,4 @@
 <%= render Primer::BaseComponent.new(**@system_arguments) do %>
-  <span class="sr-only">Loading</span>
-  <%= render Primer::BaseComponent.new(
-    tag: :svg,
-    viewBox: '0 0 16 16',
-    fill: :none,
-    animation: :rotate,
-    width: @size,
-    height: @size,
-    vertical_align: :bottom
-  ) do %>
-    <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" />
-    <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" />
-  <% end %>
+  <circle cx="8" cy="8" r="7" stroke="currentColor" stroke-opacity="0.25" stroke-width="2" vector-effect="non-scaling-stroke" />
+  <path d="M15 8a7.002 7.002 0 00-7-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" vector-effect="non-scaling-stroke" />
 <% end %>

data/app/components/primer/spinner_component.rb

@@ -31,12 +31,13 @@ module Primer
     # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
     def initialize(size: DEFAULT_SIZE, style: DEFAULT_STYLE, **system_arguments)
       @system_arguments = deny_tag_argument(**system_arguments)
-      @system_arguments[:tag] = :span
-      @system_arguments[:role] = :status
-      @system_arguments[:display] = :inline_block
+      @system_arguments[:tag] = :svg
       @system_arguments[:style] ||= style
-
-      @size = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)]
+      @system_arguments[:animation] = :rotate
+      @system_arguments[:width] = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)]
+      @system_arguments[:height] = SIZE_MAPPINGS[fetch_or_fallback(SIZE_OPTIONS, size, DEFAULT_SIZE)]
+      @system_arguments[:viewBox] = "0 0 16 16"
+      @system_arguments[:fill] = :none
     end
   end
 end

data/lib/primer/classify/utilities.rb

@@ -19,20 +19,6 @@ module Primer
 
       BREAKPOINTS = ["", "-sm", "-md", "-lg", "-xl"].freeze
 
-      # Replacements for some classnames that end up being a different argument key
-      REPLACEMENT_KEYS = {
-        "^anim" => "animation",
-        "^v-align" => "vertical_align",
-        "^d" => "display",
-        "^wb" => "word_break",
-        "^v" => "visibility",
-        "^width" => "w",
-        "^height" => "h",
-        "^color-bg" => "bg",
-        "^color-border" => "border_color",
-        "^color-fg" => "color"
-      }.freeze
-
       SUPPORTED_KEY_CACHE = Hash.new { |h, k| h[k] = !UTILITIES[k].nil? }
       BREAKPOINT_INDEX_CACHE = Hash.new { |h, k| h[k] = BREAKPOINTS.index(k) }
 
@@ -173,31 +159,15 @@ module Primer
         private
 
         def find_selector(selector)
-          key = infer_selector_key(selector)
-          value_hash = UTILITIES[key]
-
-          return nil if value_hash.blank?
-
-          # Each value hash will also contain an array of classnames for breakpoints
-          # Key argument `0`, classes `[ "mr-0", "mr-sm-0", "mr-md-0", "mr-lg-0", "mr-xl-0" ]`
-          value_hash.each do |key_argument, classnames|
-            # Skip each value hash until we get one with the selector
-            next unless classnames.include?(selector)
-
-            # Return [:mr, 0, 1]
-            # has index of classname, so we can match it up with responsive array `mr: [nil, 0]`
-            return [key, key_argument, classnames.index(selector)]
-          end
-
-          nil
-        end
-
-        def infer_selector_key(selector)
-          REPLACEMENT_KEYS.each do |k, v|
-            return v.to_sym if selector.match?(Regexp.new(k))
+          # Build hash indexed on the selector for fast lookup.
+          @selector_cache ||= UTILITIES.each_with_object({}) do |(keyword, argument_w_selectors), dict|
+            argument_w_selectors.each do |argument, selectors|
+              selectors.each_with_index do |css_selector, index|
+                dict[css_selector] = [keyword, argument, index]
+              end
+            end
           end
-
-          selector.split("-").first.to_sym
+          @selector_cache[selector]
         end
       end
     end

data/lib/primer/view_components/linters/argument_mappers/button.rb

@@ -13,9 +13,9 @@ module ERBLint
           symbolize: true
         ).freeze
 
-        VARIANT_MAPPINGS = Primer::ViewComponents::Constants.get(
+        SIZE_MAPPINGS = Primer::ViewComponents::Constants.get(
           component: "Primer::ButtonComponent",
-          constant: "VARIANT_MAPPINGS",
+          constant: "SIZE_MAPPINGS",
           symbolize: true
         ).freeze
 
@@ -55,8 +55,8 @@ module ERBLint
 
             if SCHEME_MAPPINGS[class_name] && acc[:scheme].nil?
               acc[:scheme] = SCHEME_MAPPINGS[class_name]
-            elsif VARIANT_MAPPINGS[class_name] && acc[:variant].nil?
-              acc[:variant] = VARIANT_MAPPINGS[class_name]
+            elsif SIZE_MAPPINGS[class_name] && acc[:size].nil?
+              acc[:size] = SIZE_MAPPINGS[class_name]
             elsif class_name == "btn-block"
               acc[:block] = true
             elsif class_name == "BtnGroup-item"

data/lib/primer/view_components/version.rb

@@ -5,7 +5,7 @@ module Primer
     module VERSION
       MAJOR = 0
       MINOR = 0
-      PATCH = 64
+      PATCH = 65
 
       STRING = [MAJOR, MINOR, PATCH].join(".")
     end

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

@@ -22,7 +22,7 @@ module RuboCop
         #
         #   * The top level key is the argument.
         #   * The second level key is the value.
-        #   * The seceond level value is a string of the full replacement. e.g. "new_argument: :new_value"
+        #   * The second level value is a string of the full replacement. e.g. "new_argument: :new_value"
         #     If the value is nil, then there is no replacement.
         #
         # e.g.

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/utilities.rake

@@ -5,7 +5,6 @@ namespace :utilities do
     require "yaml"
     require "json"
     require File.expand_path("./../../demo/config/environment.rb", __dir__)
-    require "primer/classify/utilities"
 
     # Keys that are looked for to be included in the utilities.yml file
     # rubocop:disable Lint/ConstantDefinitionInBlock
@@ -29,6 +28,20 @@ namespace :utilities do
       /^v\b/
     ].freeze
 
+    # Replacements for some classnames that end up being a different argument key
+    REPLACEMENT_KEYS = {
+      "^anim" => "animation",
+      "^v-align" => "vertical_align",
+      "^d" => "display",
+      "^wb" => "word_break",
+      "^v" => "visibility",
+      "^width" => "w",
+      "^height" => "h",
+      "^color-bg" => "bg",
+      "^color-border" => "border_color",
+      "^color-fg" => "color"
+    }.freeze
+
     BREAKPOINTS = [nil, "sm", "md", "lg", "xl"].freeze
     # rubocop:enable Lint/ConstantDefinitionInBlock
 
@@ -67,7 +80,7 @@ namespace :utilities do
       key = ""
 
       # Look for a replacement key
-      Primer::Classify::Utilities::REPLACEMENT_KEYS.each do |k, v|
+      REPLACEMENT_KEYS.each do |k, v|
         next unless classname.match?(Regexp.new(k))
 
         key = v

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/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"
     ]
@@ -504,29 +504,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",