playbook_ui 7.16.0 → 8.0.0.pre.alpha1

data/lib/playbook/kit_base.rb

@@ -0,0 +1,24 @@
+# frozen_string_literal: true
+
+require "playbook/classnames"
+require "playbook/spacing"
+require "playbook/z_index"
+
+module Playbook
+  class KitBase < ViewComponent::Base
+    include Playbook::PbKitHelper
+    include Playbook::Props
+    include Playbook::Classnames
+    include Playbook::Spacing
+    include Playbook::ZIndex
+
+    prop :id
+    prop :data, type: Playbook::Props::Hash, default: {}
+    prop :aria, type: Playbook::Props::Hash, default: {}
+    prop :children, type: Playbook::Props::Proc
+
+    def object
+      self
+    end
+  end
+end

data/lib/playbook/kit_resolver.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Playbook
+  class KitResolver
+    def self.resolve(*args)
+      @resolver ||= new
+      @resolver.resolve(*args)
+    end
+
+    def initialize
+      @cache = Hash.new do |cache, kit_name|
+        is_subkit = kit_name.match(%r{[/\\]})
+        folder = is_subkit ? kit_name.split("/")[0] : kit_name
+        item = is_subkit ? kit_name.split("/")[-1] : kit_name
+        @cache[kit_name] = "Playbook::Pb#{folder.camelize}::#{item.camelize}"
+      end
+    end
+
+    def resolve(kit_name)
+      @cache[kit_name].safe_constantize
+    end
+  end
+end

data/lib/playbook/pb_kit_helper.rb

@@ -0,0 +1,10 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbKitHelper
+    def pb_rails(kit_name, props: {}, &block)
+      kit = Playbook::KitResolver.resolve(kit_name.to_s)
+      render_component kit.new(props, &block), &block
+    end
+  end
+end

data/lib/playbook/props.rb

@@ -22,6 +22,9 @@ module Playbook
   module Props
     extend ActiveSupport::Concern
 
+    attr_accessor :values
+    private :values, :values=
+
     def initialize(prop_values = {}, &block)
       self.values = { children: block }.merge(Hash(prop_values))
       self.class.props.each do |key, definition|
@@ -33,120 +36,21 @@ module Playbook
       self.class.props[name].value values[name]
     end
 
-    def spacing_props
-      selected_props = spacing_options.keys.select { |sk| try(sk) }
-      return nil unless selected_props.present?
-
-      selected_props.map do |k|
-        spacing_value = send(k)
-        "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value
-      end.compact.join(" ")
-    end
-
-    def dark_props
-      dark ? "dark" : nil
-    end
-
-    def max_width_props
-      selected_mw_props = max_width_options.keys.select { |sk| try(sk) }
-      return nil unless selected_mw_props.present?
-
-      selected_mw_props.map do |k|
-        width_value = send(k)
-        "max_width_#{width_value}" if max_width_values.include? width_value
-      end.compact.join(" ")
-    end
-
-    def generate_classname(*name_parts, separator: "_")
-      [
-        name_parts.compact.join(separator),
-        prop(:classname),
-        spacing_props,
-        dark_props,
-        max_width_props,
-      ].compact.join(" ")
-    end
-
-    def generate_classname_without_spacing(*name_parts, separator: "_")
-      [
-        name_parts.compact.join(separator),
-        prop(:classname),
-      ].compact.join(" ")
-    end
-
     attr_accessor :values
     private :values, :values=
 
     included do
-      prop :id
-      prop :data, type: Playbook::Props::Hash, default: {}
-      prop :classname
-      prop :aria, type: Playbook::Props::Hash, default: {}
-      prop :children, type: Playbook::Props::Proc
-      prop :margin
-      prop :margin_bottom
-      prop :margin_left
-      prop :margin_right
-      prop :margin_top
-      prop :margin_x
-      prop :margin_y
-      prop :max_width
-      prop :padding
-      prop :padding_bottom
-      prop :padding_left
-      prop :padding_right
-      prop :padding_top
-      prop :padding_x
-      prop :padding_y
-      prop :dark, type: Playbook::Props::Boolean, default: false
-    end
-
-    def spacing_options
-      {
-        margin: "m",
-        margin_bottom: "mb",
-        margin_left: "ml",
-        margin_right: "mr",
-        margin_top: "mt",
-        margin_x: "mx",
-        margin_y: "my",
-        padding: "p",
-        padding_bottom: "pb",
-        padding_left: "pl",
-        padding_right: "pr",
-        padding_top: "pt",
-        padding_x: "px",
-        padding_y: "py",
-      }
-    end
-
-    def max_width_options
-      {
-        max_width: "mw",
-      }
-    end
-
-    def max_width_values
-      %w[sm md lg xl]
-    end
-
-    def spacing_values
-      %w[none xs sm md lg xl]
+      class_attribute :props, default: {}
     end
 
     class_methods do
-      def props
-        @props
-      end
-
       def clear_props
-        @props.keys.each { |prop_name| remove_method(prop_name) }
-        @props.clear
+        props.keys.each { |prop_name| remove_method(prop_name) }
+        props.clear
       end
 
       def prop(name, type: Playbook::Props::String, **options)
-        @props ||= {}
-        @props[name] = type.new(options.merge(name: name, kit: self))
+        self.props = self.props.merge(name => type.new(options.merge(name: name, kit: self)))
 
         define_method(name) { prop(name) }
       end

data/lib/playbook/spacing.rb

@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Spacing
+    def self.included(base)
+      base.prop :margin
+      base.prop :margin_bottom
+      base.prop :margin_left
+      base.prop :margin_right
+      base.prop :margin_top
+      base.prop :margin_x
+      base.prop :margin_y
+      base.prop :max_width
+      base.prop :padding
+      base.prop :padding_bottom
+      base.prop :padding_left
+      base.prop :padding_right
+      base.prop :padding_top
+      base.prop :padding_x
+      base.prop :padding_y
+    end
+
+    def spacing_options
+      {
+        margin: "m",
+        margin_bottom: "mb",
+        margin_left: "ml",
+        margin_right: "mr",
+        margin_top: "mt",
+        margin_x: "mx",
+        margin_y: "my",
+        padding: "p",
+        padding_bottom: "pb",
+        padding_left: "pl",
+        padding_right: "pr",
+        padding_top: "pt",
+        padding_x: "px",
+        padding_y: "py",
+      }
+    end
+
+    def spacing_values
+      %w[none xs sm md lg xl]
+    end
+
+    def spacing_props
+      selected_props = spacing_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        spacing_value = send(k)
+        "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value
+      end.compact.join(" ")
+    end
+
+    def max_width_props
+      selected_mw_props = max_width_options.keys.select { |sk| try(sk) }
+      return nil unless selected_mw_props.present?
+
+      selected_mw_props.map do |k|
+        width_value = send(k)
+        "max_width_#{width_value}" if max_width_values.include? width_value
+      end.compact.join(" ")
+    end
+
+    def max_width_options
+      {
+        max_width: "mw",
+      }
+    end
+
+    def max_width_values
+      %w[sm md lg xl]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.16.0"
+  VERSION = "8.0.0.pre.alpha1"
 end

data/lib/playbook/z_index.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Playbook
+  module ZIndex
+    def self.included(base)
+      base.prop :z_index
+    end
+
+  private
+
+    def z_index_props
+      selected_index_props = z_index_options.keys.select { |sk| try(sk) }
+      return nil unless selected_index_props.present?
+
+      selected_index_props.map do |k|
+        index_value = send(k)
+        "z_index_#{index_value}" if z_index_values.include? index_value
+      end.compact.join(" ")
+    end
+
+    def z_index_options
+      {
+        z_index: "z-index",
+      }
+    end
+
+    def z_index_values
+      %w[1 2 3 4 5 6 7 8 9 10]
+    end
+  end
+end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.16.0
+  version: 8.0.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-05 00:00:00.000000000 Z
+date: 2021-02-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -169,6 +169,20 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 2.3.3
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.23.2
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.23.2
 - !ruby/object:Gem::Dependency
   name: webpacker
   requirement: !ruby/object:Gem::Requirement
@@ -409,19 +423,14 @@ files:
 - app/controllers/playbook/application_controller.rb
 - app/helpers/playbook/application_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
-- app/helpers/playbook/pb_kit_helper.rb
 - app/helpers/playbook/pb_sample_helper.rb
 - app/helpers/playbook/redcarpet_helper.rb
 - app/pb_kits/playbook/_playbook.scss
-- app/pb_kits/playbook/config/_kit_example.html.erb
-- app/pb_kits/playbook/config/_kit_samples_list.html.erb
-- app/pb_kits/playbook/config/_kit_ui.html.erb
-- app/pb_kits/playbook/config/_pb_kit_api.html.erb
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
-- app/pb_kits/playbook/pb_avatar/_avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/_avatar.jsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
+- app/pb_kits/playbook/pb_avatar/avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/avatar.rb
 - app/pb_kits/playbook/pb_avatar/avatar.test.js
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
@@ -439,9 +448,9 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
-- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx
 - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
+- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
@@ -454,9 +463,9 @@ files:
 - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
 - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
 - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
-- app/pb_kits/playbook/pb_background/_background.html.erb
 - app/pb_kits/playbook/pb_background/_background.jsx
 - app/pb_kits/playbook/pb_background/_background.scss
+- app/pb_kits/playbook/pb_background/background.html.erb
 - app/pb_kits/playbook/pb_background/background.rb
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx
@@ -469,9 +478,9 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_description.md
 - app/pb_kits/playbook/pb_background/docs/example.yml
 - app/pb_kits/playbook/pb_background/docs/index.js
-- app/pb_kits/playbook/pb_badge/_badge.html.erb
 - app/pb_kits/playbook/pb_badge/_badge.jsx
 - app/pb_kits/playbook/pb_badge/_badge.scss
+- app/pb_kits/playbook/pb_badge/badge.html.erb
 - app/pb_kits/playbook/pb_badge/badge.rb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.html.erb
 - app/pb_kits/playbook/pb_badge/docs/_badge_colors.jsx
@@ -482,10 +491,10 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
-- app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
+- app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
@@ -498,10 +507,10 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
 - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_bar_graph/docs/index.js
-- app/pb_kits/playbook/pb_body/_body.html.erb
 - app/pb_kits/playbook/pb_body/_body.jsx
 - app/pb_kits/playbook/pb_body/_body.scss
 - app/pb_kits/playbook/pb_body/_body_mixins.scss
+- app/pb_kits/playbook/pb_body/body.html.erb
 - app/pb_kits/playbook/pb_body/body.rb
 - app/pb_kits/playbook/pb_body/docs/_body_block.html.erb
 - app/pb_kits/playbook/pb_body/docs/_body_block.jsx
@@ -511,10 +520,10 @@ files:
 - app/pb_kits/playbook/pb_body/docs/_footer.md
 - app/pb_kits/playbook/pb_body/docs/example.yml
 - app/pb_kits/playbook/pb_body/docs/index.js
-- app/pb_kits/playbook/pb_button/_button.html.erb
 - app/pb_kits/playbook/pb_button/_button.jsx
 - app/pb_kits/playbook/pb_button/_button.scss
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
+- app/pb_kits/playbook/pb_button/button.html.erb
 - app/pb_kits/playbook/pb_button/button.rb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx
@@ -536,11 +545,11 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
-- app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
 - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss
+- app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx
@@ -549,10 +558,10 @@ files:
 - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
 - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
 - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
-- app/pb_kits/playbook/pb_caption/_caption.html.erb
 - app/pb_kits/playbook/pb_caption/_caption.jsx
 - app/pb_kits/playbook/pb_caption/_caption.scss
 - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
+- app/pb_kits/playbook/pb_caption/caption.html.erb
 - app/pb_kits/playbook/pb_caption/caption.rb
 - app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx
@@ -565,15 +574,15 @@ files:
 - app/pb_kits/playbook/pb_caption/docs/_footer.md
 - app/pb_kits/playbook/pb_caption/docs/example.yml
 - app/pb_kits/playbook/pb_caption/docs/index.js
-- app/pb_kits/playbook/pb_card/_card.html.erb
 - app/pb_kits/playbook/pb_card/_card.jsx
 - app/pb_kits/playbook/pb_card/_card.scss
 - app/pb_kits/playbook/pb_card/_card_mixin.scss
+- app/pb_kits/playbook/pb_card/card.html.erb
 - app/pb_kits/playbook/pb_card/card.rb
+- app/pb_kits/playbook/pb_card/card_body.html.erb
 - app/pb_kits/playbook/pb_card/card_body.rb
+- app/pb_kits/playbook/pb_card/card_header.html.erb
 - app/pb_kits/playbook/pb_card/card_header.rb
-- app/pb_kits/playbook/pb_card/child_kits/_card_body.html.erb
-- app/pb_kits/playbook/pb_card/child_kits/_card_header.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
@@ -601,9 +610,9 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.jsx
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
-- app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb
 - app/pb_kits/playbook/pb_checkbox/_checkbox.jsx
 - app/pb_kits/playbook/pb_checkbox/_checkbox.scss
+- app/pb_kits/playbook/pb_checkbox/checkbox.html.erb
 - app/pb_kits/playbook/pb_checkbox/checkbox.rb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_checked.jsx
@@ -617,9 +626,9 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
-- app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.jsx
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
+- app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx
@@ -640,9 +649,9 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.jsx
 - app/pb_kits/playbook/pb_circle_chart/docs/example.yml
 - app/pb_kits/playbook/pb_circle_chart/docs/index.js
-- app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss
+- app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
@@ -653,9 +662,9 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
-- app/pb_kits/playbook/pb_contact/_contact.html.erb
 - app/pb_kits/playbook/pb_contact/_contact.jsx
 - app/pb_kits/playbook/pb_contact/_contact.scss
+- app/pb_kits/playbook/pb_contact/contact.html.erb
 - app/pb_kits/playbook/pb_contact/contact.rb
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx
@@ -664,9 +673,9 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
-- app/pb_kits/playbook/pb_currency/_currency.html.erb
 - app/pb_kits/playbook/pb_currency/_currency.jsx
 - app/pb_kits/playbook/pb_currency/_currency.scss
+- app/pb_kits/playbook/pb_currency/currency.html.erb
 - app/pb_kits/playbook/pb_currency/currency.rb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
@@ -681,11 +690,11 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/index.js
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
-- app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value_mixins.scss
 - app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.js
+- app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/dashboard_value.rb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx
@@ -694,9 +703,9 @@ files:
 - app/pb_kits/playbook/pb_dashboard_value/docs/_description.md
 - app/pb_kits/playbook/pb_dashboard_value/docs/example.yml
 - app/pb_kits/playbook/pb_dashboard_value/docs/index.js
-- app/pb_kits/playbook/pb_date/_date.html.erb
 - app/pb_kits/playbook/pb_date/_date.jsx
 - app/pb_kits/playbook/pb_date/_date.scss
+- app/pb_kits/playbook/pb_date/date.html.erb
 - app/pb_kits/playbook/pb_date/date.rb
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
@@ -709,9 +718,9 @@ files:
 - app/pb_kits/playbook/pb_date/docs/_description.md
 - app/pb_kits/playbook/pb_date/docs/example.yml
 - app/pb_kits/playbook/pb_date/docs/index.js
-- app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb
 - app/pb_kits/playbook/pb_date_picker/_date_picker.jsx
 - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
+- app/pb_kits/playbook/pb_date_picker/date_picker.html.erb
 - app/pb_kits/playbook/pb_date_picker/date_picker.rb
 - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
@@ -757,26 +766,26 @@ files:
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
 - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
-- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
 - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
+- app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
-- app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.html.erb
 - app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx
 - app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.scss
+- app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb
 - app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.rb
 - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_range_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_stacked/docs/index.js
-- app/pb_kits/playbook/pb_date_stacked/_date_stacked.html.erb
 - app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx
 - app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss
+- app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb
 - app/pb_kits/playbook/pb_date_stacked/date_stacked.rb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
@@ -792,9 +801,9 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_stacked/docs/index.js
-- app/pb_kits/playbook/pb_date_time/_date_time.html.erb
 - app/pb_kits/playbook/pb_date_time/_date_time.jsx
 - app/pb_kits/playbook/pb_date_time/_date_time.scss
+- app/pb_kits/playbook/pb_date_time/date_time.html.erb
 - app/pb_kits/playbook/pb_date_time/date_time.rb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx
@@ -805,17 +814,17 @@ files:
 - app/pb_kits/playbook/pb_date_time/docs/_description.md
 - app/pb_kits/playbook/pb_date_time/docs/example.yml
 - app/pb_kits/playbook/pb_date_time/docs/index.js
-- app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss
+- app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_time_stacked/docs/index.js
-- app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx
 - app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss
+- app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.rb
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx
@@ -824,9 +833,9 @@ files:
 - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
 - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
-- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.html.erb
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
+- app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
 - app/pb_kits/playbook/pb_distribution_bar/distribution_bar.rb
 - app/pb_kits/playbook/pb_distribution_bar/docs/_description.md
 - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.html.erb
@@ -845,7 +854,6 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
-- app/pb_kits/playbook/pb_file_upload/file_upload.rb
 - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
 - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
 - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
@@ -854,7 +862,6 @@ files:
 - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
 - app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
 - app/pb_kits/playbook/pb_filter/Filter/index.jsx
-- app/pb_kits/playbook/pb_filter/_filter.html.erb
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
 - app/pb_kits/playbook/pb_filter/docs/_description.md
@@ -878,10 +885,8 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
 - app/pb_kits/playbook/pb_filter/docs/example.yml
 - app/pb_kits/playbook/pb_filter/docs/index.js
+- app/pb_kits/playbook/pb_filter/filter.html.erb
 - app/pb_kits/playbook/pb_filter/filter.rb
-- app/pb_kits/playbook/pb_filter/templates/_core.html.erb
-- app/pb_kits/playbook/pb_filter/templates/_default.html.erb
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
@@ -894,12 +899,11 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js
-- app/pb_kits/playbook/pb_flex/_flex.html.erb
 - app/pb_kits/playbook/pb_flex/_flex.jsx
 - app/pb_kits/playbook/pb_flex/_flex.scss
-- app/pb_kits/playbook/pb_flex/_flex_item.html.erb
 - app/pb_kits/playbook/pb_flex/_flex_item.jsx
 - app/pb_kits/playbook/pb_flex/_flex_item.scss
 - app/pb_kits/playbook/pb_flex/docs/_description.md
@@ -932,11 +936,11 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_wrap.md
 - app/pb_kits/playbook/pb_flex/docs/example.yml
 - app/pb_kits/playbook/pb_flex/docs/index.js
+- app/pb_kits/playbook/pb_flex/flex.html.erb
 - app/pb_kits/playbook/pb_flex/flex.rb
+- app/pb_kits/playbook/pb_flex/flex_item.html.erb
 - app/pb_kits/playbook/pb_flex/flex_item.rb
 - app/pb_kits/playbook/pb_form/_form.scss
-- app/pb_kits/playbook/pb_form/_form_form_with.html.erb
-- app/pb_kits/playbook/pb_form/_form_simple_form.html.erb
 - app/pb_kits/playbook/pb_form/docs/_description.md
 - app/pb_kits/playbook/pb_form/docs/_footer.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
@@ -946,21 +950,22 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
+- app/pb_kits/playbook/pb_form/form.html.erb
 - app/pb_kits/playbook/pb_form/form.rb
-- app/pb_kits/playbook/pb_form/form/form_with_form.rb
-- app/pb_kits/playbook/pb_form/form/simple_form_form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
+- app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
 - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
-- app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/select_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/simple_form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb
+- app/pb_kits/playbook/pb_form/form_with.html.erb
+- app/pb_kits/playbook/pb_form/form_with.rb
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
-- app/pb_kits/playbook/pb_form_group/_form_group.html.erb
+- app/pb_kits/playbook/pb_form/simple_form.html.erb
+- app/pb_kits/playbook/pb_form/simple_form.rb
 - app/pb_kits/playbook/pb_form_group/_form_group.jsx
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
@@ -979,8 +984,8 @@ files:
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx
 - app/pb_kits/playbook/pb_form_group/docs/example.yml
 - app/pb_kits/playbook/pb_form_group/docs/index.js
+- app/pb_kits/playbook/pb_form_group/form_group.html.erb
 - app/pb_kits/playbook/pb_form_group/form_group.rb
-- app/pb_kits/playbook/pb_form_pill/_form_pill.html.erb
 - app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
 - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb
@@ -989,8 +994,8 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
 - app/pb_kits/playbook/pb_form_pill/docs/index.js
+- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
 - app/pb_kits/playbook/pb_form_pill/form_pill.rb
-- app/pb_kits/playbook/pb_gauge/_gauge.html.erb
 - app/pb_kits/playbook/pb_gauge/_gauge.jsx
 - app/pb_kits/playbook/pb_gauge/_gauge.scss
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_default.html.erb
@@ -1014,8 +1019,8 @@ files:
 - app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx
 - app/pb_kits/playbook/pb_gauge/docs/example.yml
 - app/pb_kits/playbook/pb_gauge/docs/index.js
+- app/pb_kits/playbook/pb_gauge/gauge.html.erb
 - app/pb_kits/playbook/pb_gauge/gauge.rb
-- app/pb_kits/playbook/pb_hashtag/_hashtag.html.erb
 - app/pb_kits/playbook/pb_hashtag/_hashtag.jsx
 - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
 - app/pb_kits/playbook/pb_hashtag/docs/_description.md
@@ -1024,8 +1029,8 @@ files:
 - app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx
 - app/pb_kits/playbook/pb_hashtag/docs/example.yml
 - app/pb_kits/playbook/pb_hashtag/docs/index.js
+- app/pb_kits/playbook/pb_hashtag/hashtag.html.erb
 - app/pb_kits/playbook/pb_hashtag/hashtag.rb
-- app/pb_kits/playbook/pb_highlight/_highlight.html.erb
 - app/pb_kits/playbook/pb_highlight/_highlight.jsx
 - app/pb_kits/playbook/pb_highlight/_highlight.scss
 - app/pb_kits/playbook/pb_highlight/docs/_description.md
@@ -1034,9 +1039,9 @@ files:
 - app/pb_kits/playbook/pb_highlight/docs/_highlight_default.jsx
 - app/pb_kits/playbook/pb_highlight/docs/example.yml
 - app/pb_kits/playbook/pb_highlight/docs/index.js
+- app/pb_kits/playbook/pb_highlight/highlight.html.erb
 - app/pb_kits/playbook/pb_highlight/highlight.rb
 - app/pb_kits/playbook/pb_home_address_street/_city_emphasis.html.erb
-- app/pb_kits/playbook/pb_home_address_street/_home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx
 - app/pb_kits/playbook/pb_home_address_street/_home_address_street.scss
 - app/pb_kits/playbook/pb_home_address_street/_street_emphasis.html.erb
@@ -1052,8 +1057,8 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/example.yml
 - app/pb_kits/playbook/pb_home_address_street/docs/index.js
+- app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb
 - app/pb_kits/playbook/pb_home_address_street/home_address_street.rb
-- app/pb_kits/playbook/pb_icon/_icon.html.erb
 - app/pb_kits/playbook/pb_icon/_icon.jsx
 - app/pb_kits/playbook/pb_icon/_icon.scss
 - app/pb_kits/playbook/pb_icon/docs/_description.md
@@ -1076,8 +1081,8 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx
 - app/pb_kits/playbook/pb_icon/docs/example.yml
 - app/pb_kits/playbook/pb_icon/docs/index.js
+- app/pb_kits/playbook/pb_icon/icon.html.erb
 - app/pb_kits/playbook/pb_icon/icon.rb
-- app/pb_kits/playbook/pb_icon_circle/_icon_circle.html.erb
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx
 - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -1090,8 +1095,8 @@ files:
 - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
 - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/index.js
+- app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb
 - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
-- app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb
@@ -1104,8 +1109,8 @@ files:
 - app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx
 - app/pb_kits/playbook/pb_icon_stat_value/docs/example.yml
 - app/pb_kits/playbook/pb_icon_stat_value/docs/index.js
+- app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb
 - app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb
-- app/pb_kits/playbook/pb_icon_value/_icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/_icon_value.jsx
 - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
 - app/pb_kits/playbook/pb_icon_value/docs/_description.md
@@ -1115,8 +1120,8 @@ files:
 - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx
 - app/pb_kits/playbook/pb_icon_value/docs/example.yml
 - app/pb_kits/playbook/pb_icon_value/docs/index.js
+- app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/icon_value.rb
-- app/pb_kits/playbook/pb_image/_image.html.erb
 - app/pb_kits/playbook/pb_image/_image.jsx
 - app/pb_kits/playbook/pb_image/_image.scss
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
@@ -1128,11 +1133,11 @@ files:
 - app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
 - app/pb_kits/playbook/pb_image/docs/example.yml
 - app/pb_kits/playbook/pb_image/docs/index.js
+- app/pb_kits/playbook/pb_image/image.html.erb
 - app/pb_kits/playbook/pb_image/image.rb
-- app/pb_kits/playbook/pb_kit/base.rb
+- app/pb_kits/playbook/pb_image/image.test.js
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
-- app/pb_kits/playbook/pb_label_pill/_label_pill.html.erb
 - app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
 - app/pb_kits/playbook/pb_label_pill/_label_pill.scss
 - app/pb_kits/playbook/pb_label_pill/docs/_description.md
@@ -1142,8 +1147,8 @@ files:
 - app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.md
 - app/pb_kits/playbook/pb_label_pill/docs/example.yml
 - app/pb_kits/playbook/pb_label_pill/docs/index.js
+- app/pb_kits/playbook/pb_label_pill/label_pill.html.erb
 - app/pb_kits/playbook/pb_label_pill/label_pill.rb
-- app/pb_kits/playbook/pb_label_value/_label_value.html.erb
 - app/pb_kits/playbook/pb_label_value/_label_value.jsx
 - app/pb_kits/playbook/pb_label_value/_label_value.scss
 - app/pb_kits/playbook/pb_label_value/docs/_description.md
@@ -1158,17 +1163,12 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx
 - app/pb_kits/playbook/pb_label_value/docs/example.yml
 - app/pb_kits/playbook/pb_label_value/docs/index.js
+- app/pb_kits/playbook/pb_label_value/label_value.html.erb
 - app/pb_kits/playbook/pb_label_value/label_value.rb
-- app/pb_kits/playbook/pb_layout/_body.html.erb
-- app/pb_kits/playbook/pb_layout/_column.html.erb
-- app/pb_kits/playbook/pb_layout/_footer.html.erb
-- app/pb_kits/playbook/pb_layout/_header.html.erb
-- app/pb_kits/playbook/pb_layout/_item.html.erb
-- app/pb_kits/playbook/pb_layout/_layout.html.erb
 - app/pb_kits/playbook/pb_layout/_layout.jsx
 - app/pb_kits/playbook/pb_layout/_layout.scss
 - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
-- app/pb_kits/playbook/pb_layout/_sidebar.html.erb
+- app/pb_kits/playbook/pb_layout/body.html.erb
 - app/pb_kits/playbook/pb_layout/body.rb
 - app/pb_kits/playbook/pb_layout/docs/_description.md
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
@@ -1193,12 +1193,16 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx
 - app/pb_kits/playbook/pb_layout/docs/example.yml
 - app/pb_kits/playbook/pb_layout/docs/index.js
+- app/pb_kits/playbook/pb_layout/footer.html.erb
 - app/pb_kits/playbook/pb_layout/footer.rb
+- app/pb_kits/playbook/pb_layout/header.html.erb
 - app/pb_kits/playbook/pb_layout/header.rb
+- app/pb_kits/playbook/pb_layout/item.html.erb
 - app/pb_kits/playbook/pb_layout/item.rb
+- app/pb_kits/playbook/pb_layout/layout.html.erb
 - app/pb_kits/playbook/pb_layout/layout.rb
+- app/pb_kits/playbook/pb_layout/sidebar.html.erb
 - app/pb_kits/playbook/pb_layout/sidebar.rb
-- app/pb_kits/playbook/pb_legend/_legend.html.erb
 - app/pb_kits/playbook/pb_legend/_legend.jsx
 - app/pb_kits/playbook/pb_legend/_legend.scss
 - app/pb_kits/playbook/pb_legend/docs/_description.md
@@ -1209,8 +1213,8 @@ files:
 - app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx
 - app/pb_kits/playbook/pb_legend/docs/example.yml
 - app/pb_kits/playbook/pb_legend/docs/index.js
+- app/pb_kits/playbook/pb_legend/legend.html.erb
 - app/pb_kits/playbook/pb_legend/legend.rb
-- app/pb_kits/playbook/pb_line_graph/_line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/_line_graph.jsx
 - app/pb_kits/playbook/pb_line_graph/_line_graph.scss
 - app/pb_kits/playbook/pb_line_graph/docs/_description.md
@@ -1225,9 +1229,8 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
+- app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
-- app/pb_kits/playbook/pb_list/_item.html.erb
-- app/pb_kits/playbook/pb_list/_list.html.erb
 - app/pb_kits/playbook/pb_list/_list.jsx
 - app/pb_kits/playbook/pb_list/_list.scss
 - app/pb_kits/playbook/pb_list/_list_item.jsx
@@ -1249,9 +1252,10 @@ files:
 - app/pb_kits/playbook/pb_list/docs/_list_xpadding.jsx
 - app/pb_kits/playbook/pb_list/docs/example.yml
 - app/pb_kits/playbook/pb_list/docs/index.js
+- app/pb_kits/playbook/pb_list/item.html.erb
 - app/pb_kits/playbook/pb_list/item.rb
+- app/pb_kits/playbook/pb_list/list.html.erb
 - app/pb_kits/playbook/pb_list/list.rb
-- app/pb_kits/playbook/pb_loading_inline/_loading_inline.html.erb
 - app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx
 - app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss
 - app/pb_kits/playbook/pb_loading_inline/docs/_description.md
@@ -1259,9 +1263,9 @@ files:
 - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx
 - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
 - app/pb_kits/playbook/pb_loading_inline/docs/index.js
+- app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
 - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
 - app/pb_kits/playbook/pb_logistic/_logistic.jsx
-- app/pb_kits/playbook/pb_message/_message.html.erb
 - app/pb_kits/playbook/pb_message/_message.jsx
 - app/pb_kits/playbook/pb_message/_message.scss
 - app/pb_kits/playbook/pb_message/_message_mixins.scss
@@ -1272,8 +1276,8 @@ files:
 - app/pb_kits/playbook/pb_message/docs/_message_default.md
 - app/pb_kits/playbook/pb_message/docs/example.yml
 - app/pb_kits/playbook/pb_message/docs/index.js
+- app/pb_kits/playbook/pb_message/message.html.erb
 - app/pb_kits/playbook/pb_message/message.rb
-- app/pb_kits/playbook/pb_multiple_users/_multiple_users.html.erb
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
 - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
 - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
@@ -1283,8 +1287,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
 - app/pb_kits/playbook/pb_multiple_users/docs/index.js
+- app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
 - app/pb_kits/playbook/pb_multiple_users/multiple_users.rb
-- app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.html.erb
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
@@ -1292,11 +1296,10 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js
+- app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb
 - app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb
 - app/pb_kits/playbook/pb_nav/_horizontal_nav.scss
-- app/pb_kits/playbook/pb_nav/_item.html.erb
 - app/pb_kits/playbook/pb_nav/_item.jsx
-- app/pb_kits/playbook/pb_nav/_nav.html.erb
 - app/pb_kits/playbook/pb_nav/_nav.jsx
 - app/pb_kits/playbook/pb_nav/_nav.scss
 - app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
@@ -1331,9 +1334,10 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_with_img_nav.md
 - app/pb_kits/playbook/pb_nav/docs/example.yml
 - app/pb_kits/playbook/pb_nav/docs/index.js
+- app/pb_kits/playbook/pb_nav/item.html.erb
 - app/pb_kits/playbook/pb_nav/item.rb
+- app/pb_kits/playbook/pb_nav/nav.html.erb
 - app/pb_kits/playbook/pb_nav/nav.rb
-- app/pb_kits/playbook/pb_online_status/_online_status.html.erb
 - app/pb_kits/playbook/pb_online_status/_online_status.jsx
 - app/pb_kits/playbook/pb_online_status/_online_status.scss
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
@@ -1342,8 +1346,8 @@ files:
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
 - app/pb_kits/playbook/pb_online_status/docs/example.yml
 - app/pb_kits/playbook/pb_online_status/docs/index.js
+- app/pb_kits/playbook/pb_online_status/online_status.html.erb
 - app/pb_kits/playbook/pb_online_status/online_status.rb
-- app/pb_kits/playbook/pb_person/_person.html.erb
 - app/pb_kits/playbook/pb_person/_person.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
 - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -1353,8 +1357,8 @@ files:
 - app/pb_kits/playbook/pb_person/docs/_person_default.md
 - app/pb_kits/playbook/pb_person/docs/example.yml
 - app/pb_kits/playbook/pb_person/docs/index.js
+- app/pb_kits/playbook/pb_person/person.html.erb
 - app/pb_kits/playbook/pb_person/person.rb
-- app/pb_kits/playbook/pb_person_contact/_person_contact.html.erb
 - app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
 - app/pb_kits/playbook/pb_person_contact/_person_contact.scss
 - app/pb_kits/playbook/pb_person_contact/docs/_description.md
@@ -1369,8 +1373,8 @@ files:
 - app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.jsx
 - app/pb_kits/playbook/pb_person_contact/docs/example.yml
 - app/pb_kits/playbook/pb_person_contact/docs/index.js
+- app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
 - app/pb_kits/playbook/pb_person_contact/person_contact.rb
-- app/pb_kits/playbook/pb_pill/_pill.html.erb
 - app/pb_kits/playbook/pb_pill/_pill.jsx
 - app/pb_kits/playbook/pb_pill/_pill.scss
 - app/pb_kits/playbook/pb_pill/docs/_description.md
@@ -1378,8 +1382,8 @@ files:
 - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
 - app/pb_kits/playbook/pb_pill/docs/example.yml
 - app/pb_kits/playbook/pb_pill/docs/index.js
+- app/pb_kits/playbook/pb_pill/pill.html.erb
 - app/pb_kits/playbook/pb_pill/pill.rb
-- app/pb_kits/playbook/pb_popover/_popover.html.erb
 - app/pb_kits/playbook/pb_popover/_popover.jsx
 - app/pb_kits/playbook/pb_popover/_popover.scss
 - app/pb_kits/playbook/pb_popover/docs/_description.md
@@ -1397,8 +1401,8 @@ files:
 - app/pb_kits/playbook/pb_popover/docs/example.yml
 - app/pb_kits/playbook/pb_popover/docs/index.js
 - app/pb_kits/playbook/pb_popover/index.js
+- app/pb_kits/playbook/pb_popover/popover.html.erb
 - app/pb_kits/playbook/pb_popover/popover.rb
-- app/pb_kits/playbook/pb_progress_pills/_progress_pills.html.erb
 - app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx
 - app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss
 - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
@@ -1408,8 +1412,8 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
 - app/pb_kits/playbook/pb_progress_pills/docs/index.js
+- app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb
 - app/pb_kits/playbook/pb_progress_pills/progress_pills.rb
-- app/pb_kits/playbook/pb_progress_simple/_progress_simple.html.erb
 - app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx
 - app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss
 - app/pb_kits/playbook/pb_progress_simple/docs/_description.md
@@ -1429,11 +1433,10 @@ files:
 - app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx
 - app/pb_kits/playbook/pb_progress_simple/docs/example.yml
 - app/pb_kits/playbook/pb_progress_simple/docs/index.js
+- app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb
 - app/pb_kits/playbook/pb_progress_simple/progress_simple.rb
-- app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb
 - app/pb_kits/playbook/pb_progress_step/_progress_step.jsx
 - app/pb_kits/playbook/pb_progress_step/_progress_step.scss
-- app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
 - app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/_description.md
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
@@ -1446,9 +1449,10 @@ files:
 - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
 - app/pb_kits/playbook/pb_progress_step/docs/example.yml
 - app/pb_kits/playbook/pb_progress_step/docs/index.js
+- app/pb_kits/playbook/pb_progress_step/progress_step.html.erb
 - app/pb_kits/playbook/pb_progress_step/progress_step.rb
+- app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb
 - app/pb_kits/playbook/pb_progress_step/progress_step_item.rb
-- app/pb_kits/playbook/pb_radio/_radio.html.erb
 - app/pb_kits/playbook/pb_radio/_radio.jsx
 - app/pb_kits/playbook/pb_radio/_radio.scss
 - app/pb_kits/playbook/pb_radio/docs/_description.md
@@ -1463,12 +1467,14 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/_radio_options.html.erb
 - app/pb_kits/playbook/pb_radio/docs/example.yml
 - app/pb_kits/playbook/pb_radio/docs/index.js
+- app/pb_kits/playbook/pb_radio/radio.html.erb
 - app/pb_kits/playbook/pb_radio/radio.rb
 - app/pb_kits/playbook/pb_radio/radio.test.js
-- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
 - app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.html.erb
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
@@ -1484,9 +1490,10 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
 - app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
 - app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
+- app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb
+- app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.test.js
 - app/pb_kits/playbook/pb_rich_text_editor/useFocus.js
-- app/pb_kits/playbook/pb_section_separator/_section_separator.html.erb
 - app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
 - app/pb_kits/playbook/pb_section_separator/_section_separator.scss
 - app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss
@@ -1502,8 +1509,8 @@ files:
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_vertical.jsx
 - app/pb_kits/playbook/pb_section_separator/docs/example.yml
 - app/pb_kits/playbook/pb_section_separator/docs/index.js
+- app/pb_kits/playbook/pb_section_separator/section_separator.html.erb
 - app/pb_kits/playbook/pb_section_separator/section_separator.rb
-- app/pb_kits/playbook/pb_select/_select.html.erb
 - app/pb_kits/playbook/pb_select/_select.jsx
 - app/pb_kits/playbook/pb_select/_select.scss
 - app/pb_kits/playbook/pb_select/docs/_description.md
@@ -1527,9 +1534,9 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
 - app/pb_kits/playbook/pb_select/docs/example.yml
 - app/pb_kits/playbook/pb_select/docs/index.js
+- app/pb_kits/playbook/pb_select/select.html.erb
 - app/pb_kits/playbook/pb_select/select.rb
 - app/pb_kits/playbook/pb_select/select.test.js
-- app/pb_kits/playbook/pb_selectable_card/_selectable_card.html.erb
 - app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx
 - app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss
 - app/pb_kits/playbook/pb_selectable_card/docs/_description.md
@@ -1554,8 +1561,8 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.md
 - app/pb_kits/playbook/pb_selectable_card/docs/example.yml
 - app/pb_kits/playbook/pb_selectable_card/docs/index.js
+- app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb
 - app/pb_kits/playbook/pb_selectable_card/selectable_card.rb
-- app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb
@@ -1567,8 +1574,8 @@ files:
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js
+- app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb
-- app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
@@ -1578,21 +1585,21 @@ files:
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
 - app/pb_kits/playbook/pb_selectable_icon/docs/index.js
+- app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
 - app/pb_kits/playbook/pb_selectable_list/_item.jsx
-- app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb
 - app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx
 - app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss
-- app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb
 - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb
 - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx
 - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb
 - app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx
 - app/pb_kits/playbook/pb_selectable_list/docs/example.yml
 - app/pb_kits/playbook/pb_selectable_list/docs/index.js
+- app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list.rb
+- app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
-- app/pb_kits/playbook/pb_source/_source.html.erb
 - app/pb_kits/playbook/pb_source/_source.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/docs/_description.md
@@ -1604,8 +1611,8 @@ files:
 - app/pb_kits/playbook/pb_source/docs/_source_types.jsx
 - app/pb_kits/playbook/pb_source/docs/example.yml
 - app/pb_kits/playbook/pb_source/docs/index.js
+- app/pb_kits/playbook/pb_source/source.html.erb
 - app/pb_kits/playbook/pb_source/source.rb
-- app/pb_kits/playbook/pb_star_rating/_star_rating.html.erb
 - app/pb_kits/playbook/pb_star_rating/_star_rating.jsx
 - app/pb_kits/playbook/pb_star_rating/_star_rating.scss
 - app/pb_kits/playbook/pb_star_rating/docs/_description.md
@@ -1615,8 +1622,8 @@ files:
 - app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
+- app/pb_kits/playbook/pb_star_rating/star_rating.html.erb
 - app/pb_kits/playbook/pb_star_rating/star_rating.rb
-- app/pb_kits/playbook/pb_stat_change/_stat_change.html.erb
 - app/pb_kits/playbook/pb_stat_change/_stat_change.jsx
 - app/pb_kits/playbook/pb_stat_change/_stat_change.scss
 - app/pb_kits/playbook/pb_stat_change/docs/_description.md
@@ -1629,8 +1636,8 @@ files:
 - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md
 - app/pb_kits/playbook/pb_stat_change/docs/example.yml
 - app/pb_kits/playbook/pb_stat_change/docs/index.js
+- app/pb_kits/playbook/pb_stat_change/stat_change.html.erb
 - app/pb_kits/playbook/pb_stat_change/stat_change.rb
-- app/pb_kits/playbook/pb_stat_value/_stat_value.html.erb
 - app/pb_kits/playbook/pb_stat_value/_stat_value.jsx
 - app/pb_kits/playbook/pb_stat_value/_stat_value.scss
 - app/pb_kits/playbook/pb_stat_value/docs/_description.md
@@ -1642,11 +1649,10 @@ files:
 - app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.jsx
 - app/pb_kits/playbook/pb_stat_value/docs/example.yml
 - app/pb_kits/playbook/pb_stat_value/docs/index.js
+- app/pb_kits/playbook/pb_stat_value/stat_value.html.erb
 - app/pb_kits/playbook/pb_stat_value/stat_value.rb
-- app/pb_kits/playbook/pb_table/_table.html.erb
 - app/pb_kits/playbook/pb_table/_table.jsx
 - app/pb_kits/playbook/pb_table/_table.scss
-- app/pb_kits/playbook/pb_table/_table_row.html.erb
 - app/pb_kits/playbook/pb_table/_table_row.jsx
 - app/pb_kits/playbook/pb_table/docs/_description.md
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
@@ -1719,9 +1725,10 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
 - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
 - app/pb_kits/playbook/pb_table/styles/_variables.scss
+- app/pb_kits/playbook/pb_table/table.html.erb
 - app/pb_kits/playbook/pb_table/table.rb
+- app/pb_kits/playbook/pb_table/table_row.html.erb
 - app/pb_kits/playbook/pb_table/table_row.rb
-- app/pb_kits/playbook/pb_text_input/_text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/_text_input.jsx
 - app/pb_kits/playbook/pb_text_input/_text_input.scss
 - app/pb_kits/playbook/pb_text_input/docs/_description.md
@@ -1737,9 +1744,9 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
 - app/pb_kits/playbook/pb_text_input/docs/index.js
+- app/pb_kits/playbook/pb_text_input/text_input.html.erb
 - app/pb_kits/playbook/pb_text_input/text_input.rb
 - app/pb_kits/playbook/pb_text_input/text_input.test.js
-- app/pb_kits/playbook/pb_textarea/_textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/_textarea.jsx
 - app/pb_kits/playbook/pb_textarea/_textarea.scss
 - app/pb_kits/playbook/pb_textarea/_textarea_mixin.scss
@@ -1759,8 +1766,8 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/example.yml
 - app/pb_kits/playbook/pb_textarea/docs/index.js
 - app/pb_kits/playbook/pb_textarea/index.js
+- app/pb_kits/playbook/pb_textarea/textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/textarea.rb
-- app/pb_kits/playbook/pb_time/_time.html.erb
 - app/pb_kits/playbook/pb_time/_time.jsx
 - app/pb_kits/playbook/pb_time/_time.scss
 - app/pb_kits/playbook/pb_time/docs/_description.md
@@ -1779,26 +1786,25 @@ files:
 - app/pb_kits/playbook/pb_time/docs/_time_timezone.md
 - app/pb_kits/playbook/pb_time/docs/example.yml
 - app/pb_kits/playbook/pb_time/docs/index.js
+- app/pb_kits/playbook/pb_time/time.html.erb
 - app/pb_kits/playbook/pb_time/time.rb
-- app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx
 - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx
 - app/pb_kits/playbook/pb_time_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_time_range_inline/docs/index.js
+- app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb
 - app/pb_kits/playbook/pb_time_range_inline/time_range_inline.rb
-- app/pb_kits/playbook/pb_time_stacked/_time_stacked.html.erb
 - app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx
 - app/pb_kits/playbook/pb_time_stacked/_time_stacked.scss
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.html.erb
 - app/pb_kits/playbook/pb_time_stacked/docs/_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_time_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_time_stacked/docs/index.js
+- app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.rb
-- app/pb_kits/playbook/pb_timeline/_item.html.erb
 - app/pb_kits/playbook/pb_timeline/_item.jsx
-- app/pb_kits/playbook/pb_timeline/_timeline.html.erb
 - app/pb_kits/playbook/pb_timeline/_timeline.jsx
 - app/pb_kits/playbook/pb_timeline/_timeline.scss
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
@@ -1810,10 +1816,11 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx
 - app/pb_kits/playbook/pb_timeline/docs/example.yml
 - app/pb_kits/playbook/pb_timeline/docs/index.js
+- app/pb_kits/playbook/pb_timeline/item.html.erb
 - app/pb_kits/playbook/pb_timeline/item.rb
+- app/pb_kits/playbook/pb_timeline/timeline.html.erb
 - app/pb_kits/playbook/pb_timeline/timeline.rb
 - app/pb_kits/playbook/pb_timestamp/_timestamp-mixins.scss
-- app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb
 - app/pb_kits/playbook/pb_timestamp/_timestamp.jsx
 - app/pb_kits/playbook/pb_timestamp/_timestamp.scss
 - app/pb_kits/playbook/pb_timestamp/docs/_description.md
@@ -1831,8 +1838,8 @@ files:
 - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
 - app/pb_kits/playbook/pb_timestamp/docs/example.yml
 - app/pb_kits/playbook/pb_timestamp/docs/index.js
+- app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
 - app/pb_kits/playbook/pb_timestamp/timestamp.rb
-- app/pb_kits/playbook/pb_title/_title.html.erb
 - app/pb_kits/playbook/pb_title/_title.jsx
 - app/pb_kits/playbook/pb_title/_title.scss
 - app/pb_kits/playbook/pb_title/_title_mixin.scss
@@ -1844,8 +1851,8 @@ files:
 - app/pb_kits/playbook/pb_title/docs/_title_variants.md
 - app/pb_kits/playbook/pb_title/docs/example.yml
 - app/pb_kits/playbook/pb_title/docs/index.js
+- app/pb_kits/playbook/pb_title/title.html.erb
 - app/pb_kits/playbook/pb_title/title.rb
-- app/pb_kits/playbook/pb_title_count/_title_count.html.erb
 - app/pb_kits/playbook/pb_title_count/_title_count.jsx
 - app/pb_kits/playbook/pb_title_count/_title_count.scss
 - app/pb_kits/playbook/pb_title_count/docs/_description.md
@@ -1857,8 +1864,8 @@ files:
 - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
 - app/pb_kits/playbook/pb_title_count/docs/example.yml
 - app/pb_kits/playbook/pb_title_count/docs/index.js
+- app/pb_kits/playbook/pb_title_count/title_count.html.erb
 - app/pb_kits/playbook/pb_title_count/title_count.rb
-- app/pb_kits/playbook/pb_title_detail/_title_detail.html.erb
 - app/pb_kits/playbook/pb_title_detail/_title_detail.jsx
 - app/pb_kits/playbook/pb_title_detail/_title_detail.scss
 - app/pb_kits/playbook/pb_title_detail/docs/_description.md
@@ -1868,8 +1875,8 @@ files:
 - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
 - app/pb_kits/playbook/pb_title_detail/docs/example.yml
 - app/pb_kits/playbook/pb_title_detail/docs/index.js
+- app/pb_kits/playbook/pb_title_detail/title_detail.html.erb
 - app/pb_kits/playbook/pb_title_detail/title_detail.rb
-- app/pb_kits/playbook/pb_toggle/_toggle.html.erb
 - app/pb_kits/playbook/pb_toggle/_toggle.jsx
 - app/pb_kits/playbook/pb_toggle/_toggle.scss
 - app/pb_kits/playbook/pb_toggle/docs/_description.md
@@ -1885,8 +1892,8 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/example.yml
 - app/pb_kits/playbook/pb_toggle/docs/index.js
+- app/pb_kits/playbook/pb_toggle/toggle.html.erb
 - app/pb_kits/playbook/pb_toggle/toggle.rb
-- app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
@@ -1895,8 +1902,8 @@ files:
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/index.js
+- app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
-- app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
 - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.jsx
@@ -1926,8 +1933,8 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/example.yml
 - app/pb_kits/playbook/pb_typeahead/docs/index.js
 - app/pb_kits/playbook/pb_typeahead/index.js
+- app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
 - app/pb_kits/playbook/pb_typeahead/typeahead.rb
-- app/pb_kits/playbook/pb_user/_user.html.erb
 - app/pb_kits/playbook/pb_user/_user.jsx
 - app/pb_kits/playbook/pb_user/_user.scss
 - app/pb_kits/playbook/pb_user/docs/_description.md
@@ -1944,12 +1951,12 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx
 - app/pb_kits/playbook/pb_user/docs/example.yml
 - app/pb_kits/playbook/pb_user/docs/index.js
+- app/pb_kits/playbook/pb_user/user.html.erb
 - app/pb_kits/playbook/pb_user/user.rb
-- app/pb_kits/playbook/pb_user_badge/_user_badge.html.erb
 - app/pb_kits/playbook/pb_user_badge/_user_badge.jsx
 - app/pb_kits/playbook/pb_user_badge/_user_badge.scss
-- app/pb_kits/playbook/pb_user_badge/badges/_million-dollar.svg
-- app/pb_kits/playbook/pb_user_badge/badges/_veteran.svg
+- app/pb_kits/playbook/pb_user_badge/badges/million-dollar.svg
+- app/pb_kits/playbook/pb_user_badge/badges/veteran.svg
 - app/pb_kits/playbook/pb_user_badge/docs/_description.md
 - app/pb_kits/playbook/pb_user_badge/docs/_footer.md
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.html.erb
@@ -1959,8 +1966,8 @@ files:
 - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
 - app/pb_kits/playbook/pb_user_badge/docs/example.yml
 - app/pb_kits/playbook/pb_user_badge/docs/index.js
+- app/pb_kits/playbook/pb_user_badge/user_badge.html.erb
 - app/pb_kits/playbook/pb_user_badge/user_badge.rb
-- app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.html.erb
@@ -1971,6 +1978,7 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx
 - app/pb_kits/playbook/pb_weekday_stacked/docs/example.yml
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
+- app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
 - app/pb_kits/playbook/plugins/pb_chart.js
 - app/pb_kits/playbook/react_rails_kits.js
@@ -1991,7 +1999,9 @@ files:
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
+- app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
+- app/pb_kits/playbook/utilities/accessibility.js
 - app/pb_kits/playbook/utilities/globalProps.js
 - app/pb_kits/playbook/utilities/props.js
 - app/pb_kits/playbook/utilities/test-utils.js
@@ -2000,8 +2010,12 @@ files:
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
+- lib/playbook/classnames.rb
 - lib/playbook/engine.rb
+- lib/playbook/kit_base.rb
+- lib/playbook/kit_resolver.rb
 - lib/playbook/markdown/template_handler.rb
+- lib/playbook/pb_kit_helper.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb
 - lib/playbook/props/base.rb
@@ -2016,13 +2030,15 @@ files:
 - lib/playbook/props/percentage.rb
 - lib/playbook/props/proc.rb
 - lib/playbook/props/string.rb
+- lib/playbook/spacing.rb
 - lib/playbook/version.rb
+- lib/playbook/z_index.rb
 - lib/playbook_ui.rb
 homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2033,13 +2049,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubyforge_project: 
+rubyforge_project:
 rubygems_version: 2.7.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []