primer_view_components 0.0.61 → 0.0.65

data/lib/tasks/custom_utilities.yml

@@ -0,0 +1,298 @@
+:font_size:
+  "00":
+  - f00
+  1:
+  - f1
+  2:
+  - f2
+  3:
+  - f3
+  4:
+  - f4
+  5:
+  - f5
+  6:
+  - f6
+  :small:
+  - text-small
+  :normal:
+  - text-normal
+:top:
+  0:
+  - top-0
+  false:
+  - top-0
+:bottom:
+  0:
+  - bottom-0
+  false:
+  - bottom-0
+:left:
+  0:
+  - left-0
+  false:
+  - left-0
+:right:
+  0:
+  - right-0
+  false:
+  - right-0
+:underline:
+  true:
+  - text-underline
+  false:
+  - no-underline
+:font_family:
+  :mono:
+  - text-mono
+:font_style:
+  :italic:
+  - text-italic
+:text_transform:
+  :uppercase:
+  - text-uppercase
+:text_align:
+  :right:
+  - text-right
+  :left:
+  - text-left
+  :center:
+  - text-center
+:font_weight:
+  :light:
+  - text-light
+  :normal:
+  - text-normal
+  :bold:
+  - text-bold
+  :semibold:
+  - text-semibold
+  :emphasized:
+  - text-emphasized
+:box_shadow:
+  true:
+  - color-shadow-small
+  :small:
+  - color-shadow-small
+  :medium:
+  - color-shadow-medium
+  :large:
+  - color-shadow-large
+  :extra_large:
+  - color-shadow-extra-large
+  :none:
+  - box-shadow-none
+  false:
+  - box-shadow-none
+:border:
+  :left:
+  - border-left
+  :top:
+  - border-top
+  :bottom:
+  - border-bottom
+  :right:
+  - border-right
+  :y:
+  - border-y
+  :x:
+  - border-x
+  true:
+  - border
+  0:
+  - border-0
+  false:
+  - border-0
+  :dashed:
+  - border-dashed
+:border_top:
+  0:
+  - border-top-0
+:border_bottom:
+  0:
+  - border-bottom-0
+:border_left:
+  0:
+  - border-left-0
+:border_right:
+  0:
+  - border-right-0
+:border_radius:
+  0:
+  - rounded-0
+  1:
+  - rounded-1
+  2:
+  - rounded-2
+  3:
+  - rounded-3
+: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
+  - flex-sm-column
+  - flex-md-column
+  - flex-lg-column
+  - flex-xl-column
+  :column_reverse:
+  - flex-column-reverse
+  - flex-sm-column-reverse
+  - flex-md-column-reverse
+  - flex-lg-column-reverse
+  - flex-xl-column-reverse
+  :row:
+  - flex-row
+  - flex-sm-row
+  - flex-md-row
+  - flex-lg-row
+  - flex-xl-row
+  :row_reverse:
+  - flex-row-reverse
+  - flex-sm-row-reverse
+  - flex-md-row-reverse
+  - flex-lg-row-reverse
+  - flex-xl-row-reverse
+: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

@@ -312,7 +312,7 @@ namespace :docs do
     FileUtils.rm_rf(File.join(adr_content_dir))
     FileUtils.mkdir(adr_content_dir)
 
-    nav_entries = Dir[File.join(*%w[adr *.md])].map do |orig_path|
+    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+-/, ""))

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
@@ -13,8 +12,6 @@ namespace :utilities do
       /^anim\b/,
       /^color-bg\b/,
       /^color-border\b/,
-      /^color-icon\b/,
-      /^color-text\b/,
       /^color-fg\b/,
       /^col\b/,
       /^container\b/,
@@ -31,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
 
@@ -41,6 +52,10 @@ namespace :utilities do
         )
       )["selectors"]["values"]
 
+    custom_utility_data = YAML.load_file(
+      File.join(__dir__, "custom_utilities.yml")
+    )
+
     layout_data =
       JSON.parse(
         File.read(
@@ -65,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
@@ -112,6 +127,8 @@ namespace :utilities do
       x.transform_values { |y| y.reverse.drop_while(&:nil?).reverse }
     end
 
+    output.merge!(custom_utility_data)
+
     File.open("lib/primer/classify/utilities.yml", "w") do |f|
       f.puts YAML.dump(output)
     end

data/static/arguments.yml

@@ -324,9 +324,13 @@
     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 `:large`, `:medium`, or `:small`.
+    description: One of `:medium` and `:small`.
   - name: tag
     type: Symbol
     default: "`:button`"
@@ -343,10 +347,10 @@
     type: Boolean
     default: "`false`"
     description: 'Whether button is full-width with `display: block`.'
-  - name: caret
+  - name: dropdown
     type: Boolean
     default: "`false`"
-    description: Whether or not to render a caret.
+    description: Whether or not to render a dropdown caret.
   - name: system_arguments
     type: Hash
     default: N/A
@@ -355,9 +359,13 @@
   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 `:large`, `:medium`, or `:small`.
+    description: One of `:medium` and `:small`.
   - name: system_arguments
     type: Hash
     default: N/A
@@ -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"
@@ -96,35 +99,32 @@
 - ".btn-block"
 - ".btn-danger"
 - ".btn-invisible"
-- ".btn-large"
 - ".btn-large-mktg"
 - ".btn-link"
 - ".btn-mktg"
+- ".btn-muted-mktg"
 - ".btn-octicon"
 - ".btn-octicon-danger"
 - ".btn-outline"
-- ".btn-outline-mktg"
 - ".btn-primary"
-- ".btn-primary-mktg"
+- ".btn-signup-mktg"
 - ".btn-sm"
-- ".btn-transparent"
+- ".btn-subtle-mktg"
 - ".circle"
 - ".close-button"
 - ".col-2"
 - ".col-3"
 - ".col-9"
-- ".color-bg-canvas-inverse"
-- ".color-bg-danger-inverse"
-- ".color-bg-info-inverse"
-- ".color-bg-secondary"
-- ".color-bg-success-inverse"
-- ".color-bg-tertiary"
-- ".color-border-info"
+- ".color-bg-accent-emphasis"
+- ".color-bg-danger-emphasis"
+- ".color-bg-emphasis"
+- ".color-bg-subtle"
+- ".color-bg-success-emphasis"
+- ".color-border-accent-emphasis"
+- ".color-fg-danger"
+- ".color-fg-on-emphasis"
 - ".color-fg-success"
-- ".color-icon-success"
 - ".color-shadow-large"
-- ".color-text-danger"
-- ".color-text-white"
 - ".container-lg"
 - ".container-md"
 - ".container-xl"
@@ -138,7 +138,6 @@
 - ".details-overlay"
 - ".details-reset"
 - ".dropdown"
-- ".dropdown-caret"
 - ".dropdown-divider"
 - ".dropdown-header"
 - ".dropdown-item"
@@ -178,8 +177,11 @@
 - ".menu"
 - ".menu-heading"
 - ".menu-item"
+- ".ml-2"
 - ".mr-2"
+- ".mr-n1"
 - ".mt-2"
+- ".mt-3"
 - ".mt-5"
 - ".mx-auto"
 - ".no-underline"
@@ -192,7 +194,6 @@
 - ".pr-2"
 - ".pt-5"
 - ".right-0"
-- ".sr-only"
 - ".tabnav"
 - ".tabnav-tab"
 - ".tabnav-tabs"

data/static/constants.json

@@ -17,9 +17,9 @@
     "DEFAULT_VARIANT": "default",
     "SCHEME_MAPPINGS": {
       "default": "",
-      "primary": "btn-primary-mktg",
-      "outline": "btn-outline-mktg",
-      "transparent": "btn-transparent"
+      "primary": "btn-signup-mktg",
+      "outline": "btn-muted-mktg",
+      "transparent": "btn-subtle-mktg"
     },
     "SCHEME_OPTIONS": [
       "default",
@@ -279,7 +279,7 @@
   },
   "Primer::ButtonComponent": {
     "DEFAULT_SCHEME": "default",
-    "DEFAULT_VARIANT": "medium",
+    "DEFAULT_SIZE": "medium",
     "LINK_SCHEME": "link",
     "SCHEME_MAPPINGS": {
       "default": "",
@@ -297,15 +297,13 @@
       "invisible",
       "link"
     ],
-    "VARIANT_MAPPINGS": {
+    "SIZE_MAPPINGS": {
       "small": "btn-sm",
-      "medium": "",
-      "large": "btn-large"
+      "medium": ""
     },
-    "VARIANT_OPTIONS": [
+    "SIZE_OPTIONS": [
       "small",
-      "medium",
-      "large"
+      "medium"
     ]
   },
   "Primer::ButtonGroup": {
@@ -506,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",

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.61
+  version: 0.0.65
 platform: ruby
 authors:
 - GitHub Open Source
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-11-17 00:00:00.000000000 Z
+date: 2021-12-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -366,7 +366,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 0.9.25
-description:
+description: 
 email:
 - opensource+primer_view_components@github.com
 executables: []
@@ -391,10 +391,6 @@ 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/auto_complete/auto_component.d.ts
-- app/components/primer/auto_complete/auto_component.js
 - app/components/primer/base_button.rb
 - app/components/primer/base_component.rb
 - app/components/primer/beta/auto_complete.rb
@@ -511,8 +507,6 @@ files:
 - app/lib/primer/underline_nav_helper.rb
 - app/lib/primer/view_helper.rb
 - lib/primer/classify.rb
-- lib/primer/classify/cache.rb
-- lib/primer/classify/flex.rb
 - lib/primer/classify/utilities.rb
 - lib/primer/classify/utilities.yml
 - lib/primer/classify/validation.rb
@@ -549,10 +543,14 @@ 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
 - lib/rubocop/cop/primer/system_argument_instead_of_class.rb
 - lib/tasks/coverage.rake
+- lib/tasks/custom_utilities.yml
 - lib/tasks/docs.rake
 - lib/tasks/helpers/ast_processor.rb
 - lib/tasks/helpers/ast_traverser.rb
@@ -573,7 +571,7 @@ licenses:
 - MIT
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -589,7 +587,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.2
-signing_key:
+signing_key: 
 specification_version: 4
 summary: ViewComponents for the Primer Design System
 test_files: []

data/app/components/primer/auto_complete/auto_complete.d.ts

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

data/app/components/primer/auto_complete/auto_complete.js

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

data/app/components/primer/auto_complete/auto_component.d.ts

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

data/app/components/primer/auto_complete/auto_component.js

@@ -1 +0,0 @@
-import '@github/auto-complete-element';