jekyll_patternbot 0.21.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 31189c987175855555bf24f1389c41468532980eb3898f9c7fd00dd85a20278f
-  data.tar.gz: c5f049ae82a97cbc58033e2015ae5b88b0d7ebb89dc0283fb6320b8d23563335
+  metadata.gz: bcfd20d8d94f6dd76f47c9e9829e630f1ae0bb074e0f81ea16fa77225bd1fbb1
+  data.tar.gz: c2db021889a88be1dd9b2d796ee27e165c14068ae7b8e0a0bdbe33941eaa0179
 SHA512:
-  metadata.gz: 2897542c80649d78a26d46597a71a62895894c556a91de0c3ed2c01ec257b18b27187b851b42c02fa081904c5bfce668fd7c7fbf10c8e016ff2e2d17719d7ba6
-  data.tar.gz: d4115433f6e8775da693e1e68fa24a2ee7072a4db653643ec3b07a765e89f28f1fdca7fbb98c89e30651f17d90d2bf7a2cf78b994927e35f8a71791c61916771
+  metadata.gz: 538e1cd1f064e074b15c3c9c15cc5affce324a0e8784248212e593619c152a4d2a32b216eb1cbecdba131fe38403bd0fc05ffcf8a674552d3089729256a332c0
+  data.tar.gz: 50d250ff5ff80f38c13440dfe17a50f5ffc43a3967daac98d1320c310631c15508d2f151101e1b77a3ab8079f21618ee811189d8437f43b0a8dcbde6ecb86f1c

data/CHANGELOG.md

@@ -5,6 +5,26 @@ Jekyll Patternbot adheres to [Semantic Versioning](http://semver.org/).
 
 ---
 
+## [1.0.0] — 2019-01-16
+
+### Added
+
+- Added the ability to document utility variables within the `theme.css` file.
+- Added the ability to document layouts within the pattern library.
+
+### Changed
+
+- Fixed the dependency versions to specific numbers.
+
+### Fixed
+
+- The Logger now outputs to `STDOUT` by default instead of `STDERR`
+- When a field data type isn’t specified, a empty dash is output.
+- Prevented the pattern description from being repeated.
+- Fixed a responsive layout but in the utilities table on small screens.
+
+---
+
 ## [0.21.0] — 2019-01-16
 
 ### Fixed

data/Gemfile

@@ -5,12 +5,12 @@ git_source(:github) {|repo_name| "https://github.com/#{repo_name}" }
 ruby '2.5.3'
 
 gem 'jekyll', '~> 3.8'
-gem 'colorator'
-gem 'babosa'
-gem 'deep_merge'
-gem 'unicode_titlecase'
-gem 'css_parser'
-gem 'color_contrast_calc'
-gem 'indifference'
+gem 'colorator', '~> 1'
+gem 'babosa', '~> 1'
+gem 'deep_merge', '~> 1'
+gem 'unicode_titlecase', '~> 0.0'
+gem 'css_parser', '~> 1'
+gem 'color_contrast_calc', '~> 0.5'
+gem 'indifference', '~> 0.0'
 
 gemspec

data/_config.yml

@@ -12,6 +12,7 @@ patternbot:
     theme: "theme.css"
     main: "main.css"
     utility_tag: "@utility"
+    var_tag: "@var"
   icons:
     source: "images"
     filenames:
@@ -29,6 +30,8 @@ patternbot:
     extensions:
       - ".svg"
       - ".png"
+  layouts:
+    # default: "Blah, blah…"
   sample_pages:
     source: "sample-pages"
   js:

data/_includes/patternbot_patternlib_pattern.html

@@ -86,11 +86,13 @@
       <div class="max-length">{{include.pattern.config.description | markdownify | sub_web_dev_tool_urls}}</div>
     </div>
   {% else %}
-    {% if first_pattern.description %}
-      <div class="pattern-desc milli island {% unless show_sub_headings %}patternbot-override-color{% endunless %}">
-        <div class="max-length">{{first_pattern.description | markdownify | sub_web_dev_tool_urls}}</div>
-      </div>
-    {% endif %}
+    {% unless show_sub_headings %}
+      {% if first_pattern.description %}
+        <div class="pattern-desc milli island {% unless show_sub_headings %}patternbot-override-color{% endunless %}">
+          <div class="max-length">{{first_pattern.description | markdownify | sub_web_dev_tool_urls}}</div>
+        </div>
+      {% endif %}
+    {% endunless %}
   {% endif %}
 
   {% for pattern in include.pattern.config.patterns %}
@@ -206,13 +208,17 @@
                             {% unless field.required == false %}<span class="ib pico not-bold italic valign-middle">required</span>{% endunless %}
                           </th>
                           <td scope="col" colspan="6">
-                            <code class="pattern-code-field">
-                              {% if field.data %}
-                                object
-                              {% else %}
-                                {{field.type | escape}}
-                              {% endif %}
-                            </code>
+                            {% if field.data or field.type %}
+                              <code class="pattern-code-field">
+                                {% if field.data %}
+                                  object
+                                {% else %}
+                                  {{field.type | escape}}
+                                {% endif %}
+                              </code>
+                            {% else %}
+                              <span>—</span>
+                            {% endif %}
                           </td>
                           <td scope="col" colspan="11">
                             {% if field.data %}

data/_layouts/patternbot_pattern_lib.html

@@ -124,7 +124,15 @@
               </a>
             </li>
           {% endif %}
+          {% assign has_utilities = false %}
+          {% assign has_vars = false %}
           {% if page._PatternbotData.css.theme.utilities and page._PatternbotData.css.theme.utilities != empty %}
+            {% assign has_utilities = true %}
+          {% endif %}
+          {% if page._PatternbotData.css.theme.vars and page._PatternbotData.css.theme.vars != empty %}
+            {% assign has_vars = true %}
+          {% endif %}
+          {% if has_utilities or has_vars %}
             <li role="presentation">
               <a class="gutter pad-t-1-4 pad-b-1-4 block" role="tab" aria-controls="utilities" href="#utilities">
                 <div class="relative">
@@ -136,6 +144,18 @@
               </a>
             </li>
           {% endif %}
+          {% unless page._PatternbotData.layouts == empty %}
+            <li role="presentation">
+              <a class="gutter pad-t-1-4 pad-b-1-4 block" role="tab" aria-controls="layouts" href="#layouts">
+                <div class="relative">
+                  <span>Layouts</span>
+                  <i class="icon i-18 absolute pin-cr">
+                    <svg><use xlink:href="#icon-active"></use></svg>
+                  </i>
+                </div>
+              </a>
+            </li>
+          {% endunless %}
           {% unless page._PatternbotData.icons == empty %}
             <li role="presentation">
               <a class="gutter pad-t-1-4 pad-b-1-4 block" role="tab" aria-controls="icons" href="#icons">

data/_patterns/layouts/config.yml

@@ -0,0 +1,11 @@
+_layout: "patternbot_pattern_internal"
+_extra_css:
+  - 'utilities/utilities.min.css'
+
+patterns:
+  layouts:
+    title: "Layouts"
+    description: "Below is a reference of all the layouts available for pages within the website."
+    _popout_button: false
+    _resizable: false
+    _code: false

data/_patterns/layouts/layouts.html

@@ -0,0 +1,20 @@
+<div class="patternbot-font-primary text-left milli">
+  <div class="pattern-utilities-scrollable scrollable">
+    <table class="patternbot-utilities-table">
+      <thead>
+        <tr>
+          <th scope="col" colspan="6">Layout</th>
+          <th scope="col" colspan="18">Description</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for layout in page._PatternbotData.layouts %}
+          <tr>
+            <th class="valign-middle" scope="row" colspan="6"><code class="ib valign-middle">{{layout.name | escape}}</code></th>
+            <td class="valign-middle" scope="col" colspan="18"><span class="ib valign-middle">{{layout.description | default: '—' | escape}}</span></td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>

data/_patterns/utilities/classes.html

@@ -0,0 +1,20 @@
+<div class="patternbot-font-primary text-left milli">
+  <div class="pattern-utilities-scrollable scrollable">
+    <table class="patternbot-utilities-table">
+      <thead>
+        <tr>
+          <th scope="col" colspan="6">Class</th>
+          <th scope="col" colspan="18">Description</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for util in page._PatternbotData.css.theme.utilities %}
+          <tr>
+            <th class="valign-middle" scope="row" colspan="6"><code class="ib valign-middle">{{util.class | escape}}</code></th>
+            <td class="valign-middle" scope="col" colspan="18"><span class="ib valign-middle">{{util.description | escape}}</span></td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>

data/_patterns/utilities/config.yml

@@ -3,9 +3,15 @@ _extra_css:
   - 'utilities/utilities.min.css'
 
 patterns:
-  utilities:
-    title: "Utilities"
-    description: "There are many common utility classes available to all patterns & pages that help to quickly style elements without contributing to extra code duplication."
+  classes:
+    title: "Classes"
+    description: "There are many utility classes available to all patterns & pages that help to quickly style elements without contributing to extra code duplication."
+    _popout_button: false
+    _resizable: false
+    _code: false
+  variables:
+    title: "Variables"
+    description: "There are some utility variables available to all patterns & pages that help to quickly style elements without contributing to extra code duplication."
     _popout_button: false
     _resizable: false
     _code: false

data/_patterns/utilities/variables.html

@@ -0,0 +1,20 @@
+<div class="patternbot-font-primary text-left milli">
+  <div class="pattern-utilities-scrollable scrollable">
+    <table class="patternbot-utilities-table">
+      <thead>
+        <tr>
+          <th scope="col" colspan="6">Name</th>
+          <th scope="col" colspan="18">Description</th>
+        </tr>
+      </thead>
+      <tbody>
+        {% for util in page._PatternbotData.css.theme.vars %}
+          <tr>
+            <th class="valign-middle" scope="row" colspan="6"><code class="ib valign-middle">{{util.name | escape}}</code></th>
+            <td class="valign-middle" scope="col" colspan="18"><span class="ib valign-middle">{{util.description | escape}}</span></td>
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>

data/_plugins/jekyll_patternbot/finders/layouts.rb

@@ -0,0 +1,32 @@
+module JekyllPatternbot
+  class LayoutsFinder
+
+    def base
+      {
+        :name => false,
+        :description => false,
+      }
+    end
+
+    def info
+      layouts_dir = File.expand_path Config['layouts_dir']
+      layouts = []
+      return layouts unless File.directory? layouts_dir
+      layout_files = FileHelper.list_files_with_ext layouts_dir, '*'
+      for layout in layout_files
+        layout_data = base.clone
+        layout_data[:name] = File.basename layout, '.*'
+        unless Config['patternbot']['layouts'].nil?
+          Config['patternbot']['layouts'].each do |key, desc|
+            if key == layout_data[:name]
+              layout_data[:description] = desc.strip if desc
+            end
+          end
+        end
+        layouts.push layout_data
+      end
+      layouts
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/hooks/pattern_lib.rb

@@ -4,8 +4,9 @@ module JekyllPatternbot
   PatternbotData = {
     :css => {},
     :js => {},
-    :logos => false,
-    :icons => false,
+    :logos => {},
+    :icons => [],
+    :layouts => [],
     :patterns => {},
     :pages => [],
   }
@@ -50,6 +51,9 @@ module JekyllPatternbot
       PatternbotData[:js][:main] = false
     end
 
+    layouts = LayoutsFinder.new
+    PatternbotData[:layouts] = layouts.info
+
     pattern_files = PatternsFinder.new
     PatternbotData[:patterns] = {
       :internal => pattern_files.internal_patterns_info,
@@ -61,6 +65,7 @@ module JekyllPatternbot
 
     brand_processor = BrandProcessor.new.process
     modules_processor = ModulesProcessor.new.process
+    utilities_processor = UtilitiesProcessor.new.process
 
     # File.open('/Users/thomasjbradley/Desktop/patternbot.json', 'w') do |f|
     #   f.write(JSON.pretty_generate(PatternbotData))

data/_plugins/jekyll_patternbot/loggers/patternbot.rb

@@ -2,7 +2,8 @@ module JekyllPatternbot
   class PatternbotConsoleLogger
 
     def initialize
-      @logger = Logger.new STDERR
+      @logger = Logger.new STDOUT
+      @logger.level = Logger::INFO
       @logger.formatter = proc do |severity, datetime, progname, msg|
         "PATTERNBOT — #{datetime}: #{msg}\n"
       end

data/_plugins/jekyll_patternbot/parsers/css_var.rb

@@ -0,0 +1,28 @@
+module JekyllPatternbot
+  class CSSVarParser
+
+    def self.parse(filepath)
+      return false unless File.file? filepath
+      vars = []
+      comment_match = false
+      File.open(filepath).each do |line|
+        unless comment_match
+          comment_match = line.strip.match Regexp.new "\\/\\*\s*#{Config['patternbot']['css']['var_tag'].strip}\s+(?<description>[^\\*]*)\s*\\*\\/"
+        end
+        if comment_match
+          var_match = line.strip.match /(?<var>\-\-[^\:]+)\:(?<val>[^\;]+)\;/
+          if var_match
+            vars.push({
+              :name => var_match[:var].strip,
+              :value => var_match[:val].strip,
+              :description => comment_match[:description].strip,
+            })
+            comment_match = false
+          end
+        end
+      end
+      vars
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot/parsers/theme.rb

@@ -32,6 +32,7 @@ module JekyllPatternbot
         :colors => data ? CSSColorParser.parse(data) : {},
         :fonts => data ? CSSFontParser.parse(Config['patternbot']['font_url'], data) : {},
         :utilities => CSSUtilityParser.parse(@filepath),
+        :vars => CSSVarParser.parse(@filepath),
       }
     end
 

data/_plugins/jekyll_patternbot/processors/utilities.rb

@@ -0,0 +1,30 @@
+module JekyllPatternbot
+  class UtilitiesProcessor
+
+    def remove_classes
+      begin PatternbotData.dig(:css, :theme, :utilities)
+        unless PatternbotData[:css][:theme][:utilities].length > 0
+          PatternbotData[:patterns][:internal]['utilities'][:config]['patterns'].delete 'classes'
+        end
+      rescue
+        PatternbotData[:patterns][:internal]['utilities'][:config]['patterns'].delete 'classes'
+      end
+    end
+
+    def remove_vars
+      begin PatternbotData.dig(:css, :theme, :vars)
+        unless PatternbotData[:css][:theme][:vars].length > 0
+          PatternbotData[:patterns][:internal]['utilities'][:config]['patterns'].delete 'variables'
+        end
+      rescue
+        PatternbotData[:patterns][:internal]['utilities'][:config]['patterns'].delete 'variables'
+      end
+    end
+
+    def process()
+      remove_classes
+      remove_vars
+    end
+
+  end
+end

data/_plugins/jekyll_patternbot.rb

@@ -27,17 +27,20 @@ module JekyllPatternbot
   require 'jekyll_patternbot/parsers/css_color'
   require 'jekyll_patternbot/parsers/css_font'
   require 'jekyll_patternbot/parsers/css_utility'
+  require 'jekyll_patternbot/parsers/css_var'
   require 'jekyll_patternbot/parsers/theme'
   require 'jekyll_patternbot/parsers/icons'
 
   require 'jekyll_patternbot/finders/finder'
   require 'jekyll_patternbot/finders/logos'
   require 'jekyll_patternbot/finders/icons'
+  require 'jekyll_patternbot/finders/layouts'
   require 'jekyll_patternbot/finders/patterns'
   require 'jekyll_patternbot/finders/sample_pages'
 
   require 'jekyll_patternbot/processors/brand'
   require 'jekyll_patternbot/processors/modules'
+  require 'jekyll_patternbot/processors/utilities'
 
   require 'jekyll_patternbot/hooks/pattern_lib'
 

data/assets/_patternbot/patterns/utilities/utilities.css

@@ -1,4 +1,16 @@
+.patternbot-utilities-table {
+  min-width: 50em;
+}
+
 .patternbot-utilities-table th,
 .patternbot-utilities-table td {
   border-color: rgba(var(--color-patternbot-interface), var(--color-patternbot-interface), var(--color-patternbot-interface), .2);
 }
+
+@media only screen and (min-width: 65em) {
+
+  .pattern-utilities-scrollable {
+    overflow: hidden
+  }
+
+}

data/assets/_patternbot/patterns/utilities/utilities.min.css

@@ -1 +1 @@
-.patternbot-utilities-table td,.patternbot-utilities-table th{border-color:rgba(var(--color-patternbot-interface),var(--color-patternbot-interface),var(--color-patternbot-interface),.2)}
+.patternbot-utilities-table{min-width:50em}.patternbot-utilities-table td,.patternbot-utilities-table th{border-color:rgba(var(--color-patternbot-interface),var(--color-patternbot-interface),var(--color-patternbot-interface),.2)}@media only screen and (min-width:65em){.pattern-utilities-scrollable{overflow:hidden}}

data/jekyll_patternbot.gemspec

@@ -19,16 +19,17 @@ Gem::Specification.new do |spec|
 
   spec.require_paths = ['_plugins']
 
+  spec.required_ruby_version = '~> 2'
+
   spec.add_runtime_dependency 'jekyll', '~> 3.8'
-  spec.add_runtime_dependency 'colorator'
-  spec.add_runtime_dependency 'babosa'
-  spec.add_runtime_dependency 'deep_merge'
-  spec.add_runtime_dependency 'unicode_titlecase'
-  spec.add_runtime_dependency 'css_parser'
-  spec.add_runtime_dependency 'color_contrast_calc'
-  spec.add_runtime_dependency 'indifference'
+  spec.add_runtime_dependency 'colorator', '~> 1'
+  spec.add_runtime_dependency 'babosa', '~> 1'
+  spec.add_runtime_dependency 'deep_merge', '~> 1'
+  spec.add_runtime_dependency 'unicode_titlecase', '~> 0.0'
+  spec.add_runtime_dependency 'css_parser', '~> 1'
+  spec.add_runtime_dependency 'color_contrast_calc', '~> 0.5'
+  spec.add_runtime_dependency 'indifference', '~> 0.0'
 
   spec.add_development_dependency 'bundler', '~> 1.17'
   spec.add_development_dependency 'rake', '~> 10.0'
-  spec.add_development_dependency 'rspec', '~> 3.0'
 end

data/version.rb

@@ -1,3 +1,3 @@
 module JekyllPatternbot
-  VERSION = '0.21.0'
+  VERSION = '1.0.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll_patternbot
 version: !ruby/object:Gem::Version
-  version: 0.21.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Thomas J Bradley
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-01-16 00:00:00.000000000 Z
+date: 2019-01-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -28,100 +28,100 @@ dependencies:
   name: colorator
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
 - !ruby/object:Gem::Dependency
   name: babosa
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
 - !ruby/object:Gem::Dependency
   name: deep_merge
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
 - !ruby/object:Gem::Dependency
   name: unicode_titlecase
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.0'
 - !ruby/object:Gem::Dependency
   name: css_parser
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '1'
 - !ruby/object:Gem::Dependency
   name: color_contrast_calc
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.5'
 - !ruby/object:Gem::Dependency
   name: indifference
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.0'
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -150,20 +150,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '10.0'
-- !ruby/object:Gem::Dependency
-  name: rspec
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.0'
 description: A Jekyll plugin for developing pattern libraries & style guides that
   can be used to generate a Jekyll website.
 email:
@@ -199,6 +185,8 @@ files:
 - _patterns/grid/grid-sizes.html
 - _patterns/icons/config.yml
 - _patterns/icons/icons.html
+- _patterns/layouts/config.yml
+- _patterns/layouts/layouts.html
 - _patterns/modules/config.yml
 - _patterns/modules/embed.html
 - _patterns/modules/list-groups.html
@@ -214,8 +202,9 @@ files:
 - _patterns/typography/size-adjustments.html
 - _patterns/typography/typesetting.html
 - _patterns/typography/vertical-spacing.html
+- _patterns/utilities/classes.html
 - _patterns/utilities/config.yml
-- _patterns/utilities/utilities.html
+- _patterns/utilities/variables.html
 - _plugins/jekyll_patternbot.rb
 - _plugins/jekyll_patternbot/config.rb
 - _plugins/jekyll_patternbot/filters/color.rb
@@ -224,6 +213,7 @@ files:
 - _plugins/jekyll_patternbot/filters/text.rb
 - _plugins/jekyll_patternbot/finders/finder.rb
 - _plugins/jekyll_patternbot/finders/icons.rb
+- _plugins/jekyll_patternbot/finders/layouts.rb
 - _plugins/jekyll_patternbot/finders/logos.rb
 - _plugins/jekyll_patternbot/finders/patterns.rb
 - _plugins/jekyll_patternbot/finders/sample_pages.rb
@@ -239,6 +229,7 @@ files:
 - _plugins/jekyll_patternbot/parsers/css_color.rb
 - _plugins/jekyll_patternbot/parsers/css_font.rb
 - _plugins/jekyll_patternbot/parsers/css_utility.rb
+- _plugins/jekyll_patternbot/parsers/css_var.rb
 - _plugins/jekyll_patternbot/parsers/gridifier.rb
 - _plugins/jekyll_patternbot/parsers/icons.rb
 - _plugins/jekyll_patternbot/parsers/modulifier.rb
@@ -247,6 +238,7 @@ files:
 - _plugins/jekyll_patternbot/parsers/web_dev_tool.rb
 - _plugins/jekyll_patternbot/processors/brand.rb
 - _plugins/jekyll_patternbot/processors/modules.rb
+- _plugins/jekyll_patternbot/processors/utilities.rb
 - _plugins/jekyll_patternbot/tags/pattern.rb
 - _plugins/jekyll_patternbot/tags/pattern_css.rb
 - _plugins/jekyll_patternbot/tags/pattern_js.rb
@@ -300,9 +292,9 @@ require_paths:
 - _plugins
 required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - "~>"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '2'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/_patterns/utilities/utilities.html

@@ -1,18 +0,0 @@
-<div class="patternbot-font-primary text-left milli">
-  <table class="patternbot-utilities-table">
-    <thead>
-      <tr>
-        <th scope="col" colspan="6">Class</th>
-        <th scope="col" colspan="18">Description</th>
-      </tr>
-    </thead>
-    <tbody>
-      {% for util in page._PatternbotData.css.theme.utilities %}
-        <tr>
-          <th class="valign-middle" scope="row" colspan="6"><code class="ib valign-middle">{{util.class}}</code></th>
-          <td class="valign-middle" scope="col" colspan="18"><span class="ib valign-middle">{{util.description | escape}}</span></td>
-        </tr>
-      {% endfor %}
-    </tbody>
-  </table>
-</div>