playbook_ui 7.15.1 → 7.16.0.pre.alpha1

data/app/pb_kits/playbook/utilities/test-utils.js

@@ -1,9 +1,13 @@
 /* This file provides the base for tests */
 
 import React from 'react'
-import { render } from '@testing-library/react'
+import { render, screen } from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
 
+// Accessbility
+import { axe, toHaveNoViolations } from 'jest-axe'
+expect.extend(toHaveNoViolations)
+
 /*
   We can complicate this wrapper as needed.
   https://testing-library.com/docs/react-testing-library/setup
@@ -22,3 +26,16 @@ const customRender = (ui, options) =>
 
 export * from '@testing-library/react'
 export { customRender as render }
+
+export const renderKit = (Kit, props = {}, newProps = {}) => {
+  const kitProps = { ...props, ...newProps }
+  render(<Kit {...kitProps} />)
+  return screen.getByTestId(kitProps.data.testid)
+}
+
+export const ensureAccessible = async (Kit, props = {}, newProps = {}) => {
+  const kitProps = { ...props, ...newProps }
+  const render = () => <Kit {...kitProps} />
+  const html = render()
+  expect(await axe(html)).toHaveNoViolations()
+}

data/lib/playbook.rb

@@ -4,11 +4,14 @@ require "sassc-rails"
 require "slim-rails"
 require "webpacker"
 require "webpacker/react"
+require "view_component/engine"
 
 require "playbook/props"
 require "playbook/version"
-require "playbook/engine" if defined?(Rails)
+require "playbook/pb_kit_helper"
+require "playbook/kit_base"
 require "playbook/markdown/template_handler"
+require "playbook/engine" if defined?(Rails)
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))

data/lib/playbook/engine.rb

@@ -10,6 +10,8 @@ module Playbook
       g.test_framework :rspec
     end
 
+    config.view_component.render_monkey_patch_enabled = false
+
     config.assets.paths ||= []
     config.assets.paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/fonts"
     config.assets.paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/pb_*"

data/lib/playbook/kit_base.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Playbook
+  class KitBase < ViewComponent::Base
+    include Playbook::Props
+    include Playbook::PbKitHelper
+
+    def object
+      self
+    end
+  end
+end

data/{app/helpers → lib}/playbook/pb_kit_helper.rb

@@ -6,7 +6,11 @@ module Playbook
       previous = prefix_partial_path_with_controller_namespace
       self.prefix_partial_path_with_controller_namespace = false
       kit = build_view_model(kit.to_s, props, &block)
-      render(partial: kit, as: :object)
+      if kit.is_a?(Playbook::KitBase)
+        render_component kit, &block
+      else
+        render(partial: kit, as: :object)
+      end
     ensure
       self.prefix_partial_path_with_controller_namespace = previous
     end

data/lib/playbook/props.rb

@@ -57,6 +57,16 @@ module Playbook
       end.compact.join(" ")
     end
 
+    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 generate_classname(*name_parts, separator: "_")
       [
         name_parts.compact.join(separator),
@@ -64,6 +74,7 @@ module Playbook
         spacing_props,
         dark_props,
         max_width_props,
+        z_index_props,
       ].compact.join(" ")
     end
 
@@ -78,6 +89,8 @@ module Playbook
     private :values, :values=
 
     included do
+      class_attribute :props, default: {}
+
       prop :id
       prop :data, type: Playbook::Props::Hash, default: {}
       prop :classname
@@ -99,6 +112,7 @@ module Playbook
       prop :padding_x
       prop :padding_y
       prop :dark, type: Playbook::Props::Boolean, default: false
+      prop :z_index
     end
 
     def spacing_options
@@ -130,23 +144,28 @@ module Playbook
       %w[sm md lg xl]
     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
+
     def spacing_values
       %w[none xs sm md lg xl]
     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/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.15.1
+  version: 7.16.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-02 00:00:00.000000000 Z
+date: 2021-02-16 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,7 +423,6 @@ 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
@@ -419,9 +432,9 @@ files:
 - 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
@@ -429,6 +442,9 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.html.erb
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_status.md
@@ -436,9 +452,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
@@ -451,9 +467,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
@@ -466,9 +482,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
@@ -479,10 +495,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
@@ -495,10 +511,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
@@ -508,10 +524,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
@@ -533,11 +549,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
@@ -546,10 +562,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
@@ -562,15 +578,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
@@ -598,9 +614,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
@@ -614,9 +630,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
@@ -637,9 +653,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
@@ -650,9 +666,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
@@ -661,9 +677,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
@@ -678,11 +694,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
@@ -691,9 +707,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
@@ -706,9 +722,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
@@ -754,26 +770,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
@@ -789,9 +805,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
@@ -802,17 +818,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
@@ -821,9 +837,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
@@ -842,7 +858,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
@@ -878,7 +893,6 @@ files:
 - 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
@@ -891,12 +905,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
@@ -929,7 +942,9 @@ 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
@@ -957,7 +972,6 @@ files:
 - 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/pb_form_validation.js
-- app/pb_kits/playbook/pb_form_group/_form_group.html.erb
 - 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
@@ -976,8 +990,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
@@ -986,8 +1000,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
@@ -1011,8 +1025,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
@@ -1021,8 +1035,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
@@ -1031,9 +1045,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
@@ -1049,8 +1063,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
@@ -1073,8 +1087,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
@@ -1087,8 +1101,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
@@ -1101,8 +1115,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
@@ -1112,10 +1126,12 @@ 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
+- app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_default_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_description.md
@@ -1123,11 +1139,12 @@ 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_image/image.test.js
 - app/pb_kits/playbook/pb_kit/base.rb
 - 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
@@ -1137,8 +1154,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
@@ -1153,16 +1170,13 @@ 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/_layout.html.erb
+- app/pb_kits/playbook/pb_layout/_item.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
@@ -1179,17 +1193,23 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_kanban_responsive.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_masonry.html.erb
+- app/pb_kits/playbook/pb_layout/docs/_layout_masonry.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_transparent.html.erb
 - 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.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
@@ -1200,8 +1220,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
@@ -1216,9 +1236,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
@@ -1240,9 +1259,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
@@ -1250,9 +1270,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
@@ -1263,8 +1283,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
@@ -1274,8 +1294,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
@@ -1283,11 +1303,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
@@ -1322,9 +1341,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
@@ -1333,8 +1353,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
@@ -1344,8 +1364,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
@@ -1360,8 +1380,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
@@ -1369,8 +1389,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
@@ -1388,8 +1408,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
@@ -1399,8 +1419,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
@@ -1420,11 +1440,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
@@ -1437,9 +1456,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
@@ -1454,12 +1474,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
@@ -1475,9 +1497,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
@@ -1493,8 +1516,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
@@ -1518,9 +1541,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
@@ -1531,6 +1554,8 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.html.erb
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md
@@ -1543,8 +1568,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
@@ -1556,8 +1581,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
@@ -1567,21 +1592,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
@@ -1593,8 +1618,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
@@ -1604,8 +1629,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
@@ -1618,8 +1643,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
@@ -1631,11 +1656,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
@@ -1708,9 +1732,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
@@ -1726,9 +1751,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
@@ -1748,8 +1773,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
@@ -1768,26 +1793,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
@@ -1799,10 +1823,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
@@ -1820,8 +1845,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
@@ -1833,8 +1858,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
@@ -1846,8 +1871,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
@@ -1857,8 +1882,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
@@ -1874,8 +1899,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
@@ -1884,8 +1909,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
@@ -1915,8 +1940,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
@@ -1933,12 +1958,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
@@ -1948,8 +1973,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
@@ -1960,6 +1985,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
@@ -1980,7 +2006,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
@@ -1990,7 +2018,9 @@ files:
 - fonts/regular-min.js
 - lib/playbook.rb
 - lib/playbook/engine.rb
+- lib/playbook/kit_base.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
@@ -2022,9 +2052,9 @@ 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: []
 rubygems_version: 3.1.4
 signing_key: