primer_view_components 0.0.61 → 0.0.62

data/lib/tasks/custom_utilities.yml

@@ -0,0 +1,192 @@
+:font_size:
+  "00":
+  - f00
+  1:
+  - f1
+  2:
+  - f2
+  3:
+  - f3
+  4:
+  - f4
+  5:
+  - f5
+  6:
+  - f6
+  :small:
+  - text-small
+  :normal:
+  - text-normal
+:top:
+  false:
+  - top-0
+:bottom:
+  false:
+  - bottom-0
+:left:
+  false:
+  - left-0
+:right:
+  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
+: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_end:
+  - flex-justify-end
+  :center:
+  - flex-justify-center
+  :space_between:
+  - flex-justify-between
+  :space_around:
+  - flex-justify-around
+:align_items:
+  :flex_start:
+  - flex-items-start
+  :flex_end:
+  - flex-items-end
+  :center:
+  - flex-items-center
+  :baseline:
+  - flex-items-baseline
+  :stretch:
+  - flex-items-stretch
+:flex_wrap:
+  :wrap:
+  - flex-wrap
+  :nowrap:
+  - flex-nowrap
+  :reverse:
+  - flex-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
+  :auto:
+  - flex-auto
+:align_self:
+  :auto:
+  - flex-self-auto
+  :start:
+  - flex-self-start
+  :end:
+  - flex-self-end
+  :center:
+  - flex-self-center
+  :baseline:
+  - flex-self-baseline
+  :stretch:
+  - flex-self-stretch
+:flex_grow:
+  0:
+  - flex-grow-0
+:flex_shrink:
+  0:
+  - flex-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

@@ -13,8 +13,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/,
@@ -41,6 +39,10 @@ namespace :utilities do
         )
       )["selectors"]["values"]
 
+    custom_utility_data = YAML.load_file(
+      File.join(__dir__, "custom_utilities.yml")
+    )
+
     layout_data =
       JSON.parse(
         File.read(
@@ -112,6 +114,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/classes.yml

@@ -100,31 +100,29 @@
 - ".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 +136,6 @@
 - ".details-overlay"
 - ".details-reset"
 - ".dropdown"
-- ".dropdown-caret"
 - ".dropdown-divider"
 - ".dropdown-header"
 - ".dropdown-item"
@@ -178,8 +175,11 @@
 - ".menu"
 - ".menu-heading"
 - ".menu-item"
+- ".ml-2"
 - ".mr-2"
+- ".mr-n1"
 - ".mt-2"
+- ".mt-3"
 - ".mt-5"
 - ".mx-auto"
 - ".no-underline"

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",

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.62
 platform: ruby
 authors:
 - GitHub Open Source
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-17 00:00:00.000000000 Z
+date: 2021-12-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -511,8 +511,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 +547,12 @@ 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_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

data/lib/primer/classify/cache.rb

@@ -1,109 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "flex"
-
-module Primer
-  class Classify
-    # :nodoc:
-    class Cache
-      include Singleton
-
-      def initialize
-        @cache_enabled = true
-        @lookup = {}
-      end
-
-      private :initialize
-
-      def fetch(breakpoint, key, val)
-        found = @lookup.dig(breakpoint, key, val)
-        return found if found
-
-        yield.tap do |result|
-          set(result, breakpoint, key, val) if @cache_enabled
-        end
-      end
-
-      def disable
-        @cache_enabled = false
-        yield
-        @cache_enabled = true
-      end
-
-      def clear!
-        @lookup.clear
-      end
-
-      def preload!
-        preload(
-          keys: Primer::Classify::Flex::DIRECTION_KEY,
-          values: Primer::Classify::Flex::DIRECTION_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::JUSTIFY_CONTENT_KEY,
-          values: Primer::Classify::Flex::JUSTIFY_CONTENT_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::ALIGN_ITEMS_KEY,
-          values: Primer::Classify::Flex::ALIGN_ITEMS_VALUES
-        )
-
-        preload(
-          keys: :text_align,
-          values: [:left, :center, :right]
-        )
-
-        preload(
-          keys: :font_weight,
-          values: [:bold, :light, :normal]
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::FLEX_KEY,
-          values: Primer::Classify::Flex::FLEX_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::GROW_KEY,
-          values: Primer::Classify::Flex::GROW_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::SHRINK_KEY,
-          values: Primer::Classify::Flex::SHRINK_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::Flex::ALIGN_SELF_KEY,
-          values: Primer::Classify::Flex::ALIGN_SELF_VALUES
-        )
-
-        preload(
-          keys: Primer::Classify::BOX_SHADOW_KEY,
-          values: [true, :small, :medium, :large, :extra_large, :none]
-        )
-      end
-
-      private
-
-      def preload(keys:, values:)
-        BREAKPOINTS.each do |breakpoint|
-          Array(keys).each do |key|
-            values.each do |value|
-              classes = Primer::Classify.send(:classes_from, key, value, breakpoint)
-              set(classes, breakpoint, key, value)
-            end
-          end
-        end
-      end
-
-      def set(item, breakpoint, key, val)
-        @lookup[breakpoint] ||= {}
-        @lookup[breakpoint][key] ||= {}
-        @lookup[breakpoint][key][val] = item
-      end
-    end
-  end
-end

data/lib/primer/classify/flex.rb

@@ -1,111 +0,0 @@
-# frozen_string_literal: true
-
-module Primer
-  class Classify
-    # Handler for PrimerCSS flex classes.
-    class Flex
-      extend Primer::FetchOrFallbackHelper
-
-      FLEX_KEY = :flex
-      FLEX_VALUES = [1, :auto].freeze
-
-      WRAP_KEY = :flex_wrap
-      WRAP_MAPPINGS = {
-        wrap: "flex-wrap",
-        nowrap: "flex-nowrap",
-        reverse: "flex-wrap-reverse"
-      }.freeze
-
-      SHRINK_KEY = :flex_shrink
-      SHRINK_VALUES = [0].freeze
-
-      GROW_KEY = :flex_grow
-      GROW_VALUES = [0].freeze
-
-      ALIGN_SELF_KEY = :align_self
-      ALIGN_SELF_VALUES = [:auto, :start, :end, :center, :baseline, :stretch].freeze
-
-      DIRECTION_KEY = :direction
-      DIRECTION_VALUES = [:column, :column_reverse, :row, :row_reverse].freeze
-
-      JUSTIFY_CONTENT_KEY = :justify_content
-      JUSTIFY_CONTENT_VALUES = [:flex_start, :flex_end, :center, :space_between, :space_around].freeze
-
-      ALIGN_ITEMS_KEY = :align_items
-      ALIGN_ITEMS_VALUES = [:flex_start, :flex_end, :center, :baseline, :stretch].freeze
-
-      KEYS = [FLEX_KEY, WRAP_KEY, SHRINK_KEY, GROW_KEY, ALIGN_SELF_KEY, DIRECTION_KEY, JUSTIFY_CONTENT_KEY, ALIGN_ITEMS_KEY].freeze
-      RESPONSIVE_KEYS = [DIRECTION_KEY, JUSTIFY_CONTENT_KEY, ALIGN_ITEMS_KEY].freeze
-
-      class << self
-        def classes(key, value, breakpoint)
-          send(key, value, breakpoint)
-        end
-
-        private
-
-        def flex(value, _breakpoint)
-          generate(
-            value: value,
-            allowed_values: FLEX_VALUES,
-            prefix: "flex"
-          )
-        end
-
-        def flex_shrink(value, _breakpoint)
-          generate(
-            value: value,
-            allowed_values: SHRINK_VALUES,
-            prefix: "flex-shrink"
-          )
-        end
-
-        def flex_grow(value, _breakpoint)
-          generate(
-            value: value,
-            allowed_values: GROW_VALUES,
-            prefix: "flex-grow"
-          )
-        end
-
-        def align_self(value, _breakpoint)
-          generate(
-            value: value,
-            allowed_values: ALIGN_SELF_VALUES,
-            prefix: "flex-self"
-          )
-        end
-
-        def flex_wrap(value, _breakpoint)
-          WRAP_MAPPINGS[fetch_or_fallback(WRAP_MAPPINGS.keys, value)]
-        end
-
-        def direction(value, breakpoint)
-          val = fetch_or_fallback(DIRECTION_VALUES, value)
-
-          "flex#{breakpoint}-#{val.to_s.dasherize}"
-        end
-
-        def justify_content(value, breakpoint)
-          val = fetch_or_fallback(JUSTIFY_CONTENT_VALUES, value)
-
-          formatted_value = val.to_s.gsub(/(flex_|space_)/, "")
-          "flex#{breakpoint}-justify-#{formatted_value}"
-        end
-
-        def align_items(value, breakpoint)
-          val = fetch_or_fallback(ALIGN_ITEMS_VALUES, value)
-
-          formatted_value = val.to_s.gsub("flex_", "")
-          "flex#{breakpoint}-items-#{formatted_value}"
-        end
-
-        def generate(value:, allowed_values:, prefix:)
-          val = fetch_or_fallback(allowed_values, value)
-
-          "#{prefix}-#{val}"
-        end
-      end
-    end
-  end
-end