playbook_ui 7.3.0.pre.alpha1 → 7.3.0.pre.alpha2

data/app/views/playbook/samples/sample_show.html.erb

@@ -0,0 +1,36 @@
+<div class="pb--kit-show sample-nav">
+  <div class="sample-actions">
+    <div class="items">
+      <a href="/">
+        <%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "angle-left", dark: true}) %>
+      </a>
+    </div>
+  </div>
+  <div class="pb--kit-type-nav sample">
+    <%= pb_rails("nav", props: { orientation: "horizontal", classname: "code-controls"}) do %>
+      <%= pb_rails("nav/item", props: { text: "Rails", link: "#{sample_show_rails_path(@sample)}", active: action_name == 'sample_show_rails' }) %>
+      <%= pb_rails("nav/item", props: { text: "React", link: "#{sample_show_reacts_path(@sample)}", active: action_name == 'sample_show_react' }) %>
+    <% end %>
+  </div>
+  <div class="sample-actions-right">
+    <div class="items">
+      <%= pb_rails("circle_icon_button", props: { classname:"toggle-button", variant: "secondary", icon: "code", dark: true}) %>
+    </div>
+    <div class="items">
+      <%= pb_rails("circle_icon_button", props:{ classname: "expand", variant: "secondary", icon: "expand", dark: true}) %>
+    </div>
+  </div>
+</div>
+<%= pb_rails("circle_icon_button", props:{ classname: "compress", variant: "link", icon: "compress"}) %>
+
+<%= render_sample_ui(@sample, @type) %>
+
+<div class="pb--kit-show">
+    <div class="pb--doc light_ui">
+        <div class="pb--codeCopy close" >
+            <a class="pb--close-toggle copy-clipboard" href="#">Copy to Clipboard</a>
+            <div class="hiddenCodeforCopy"><%= get_raw_code(@sample, @type) %></div>
+            <pre class="highlight"><%= get_sample_code_content(@sample, @type) %></pre>
+        </div>
+    </div>
+</div>

data/lib/generators/kit/USAGE

@@ -0,0 +1,5 @@
+Description:
+    Create a new Playbook kit
+
+Example:
+    rails g kit "button"

data/lib/generators/kit/kit_generator.rb

@@ -0,0 +1,95 @@
+# frozen_string_literal: true
+
+class KitGenerator < Rails::Generators::NamedBase
+  desc "This generator creates a new Playbook Kit"
+  source_root File.expand_path("templates", __dir__)
+  class_option :props, type: :array, default: []
+
+  def create_templates
+    kit_name = name.strip.downcase
+    @kit_name_uppercase = kit_name.upcase
+    @kit_name_lowercase = kit_name
+    @kit_name_capitalize = kit_name.capitalize
+    @kit_name_underscore = kit_name.parameterize.underscore
+    @kit_name_pascal = kit_name.titleize.gsub(/\s+/, "")
+
+    kit_props = options[:props].concat(%w[id:string classname:string data:object aria:object])
+    @kit_props = kit_props.map { |hash| [hash.partition(":").first, hash.partition(":").last] }.to_h
+    @kit_props = @kit_props.sort.to_h
+    @unique_props = @kit_props.symbolize_keys.without(:id, :classname, :data, :aria)
+
+    @kit_class_init = []
+    @kit_props.each do |key, _val|
+      @kit_class_init.push("#{key.parameterize.underscore}: default_configuration".to_sym)
+    end
+
+    @kit_class_val = []
+    @kit_props.each do |key, _value|
+      @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
+    end
+
+    full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
+
+    # Check if kit already exists =======================
+    if File.directory?(full_kit_directory)
+      say_status  "#{@kit_name_capitalize} kit already exists.",
+                  "Please choose another name or manually make changes to the existing kit.",
+                  :red
+      return
+    else
+      # Add kit to Playbook menu ==========================
+      open("app/pb_kits/playbook/data/menu.yml", "a") do |f|
+        f.puts "  - #{@kit_name_underscore}"
+      end
+      say_status  "complete",
+                  "#{@kit_name_capitalize} kit added to Playbook menu.",
+                  :green
+
+      # Generate SCSS files ==============================
+      template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
+      open("app/pb_kits/playbook/_playbook.scss", "a") do |f|
+        f.puts "\n@" + "import " + "\'" + "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
+      end
+      say_status  "complete",
+                  "#{@kit_name_capitalize} kit stylesheet successfully created and imported.",
+                  :green
+
+      # Ask user if Rails version should be generated ======
+      if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
+        @rails_kit = true
+        template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
+        template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
+        template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
+        template "kit_ruby_spec.erb", "spec/pb_kits/playbook/kits/#{@kit_name_underscore}_spec.rb"
+        say_status  "complete",
+                    "#{@kit_name_capitalize} rails kit successfully created.",
+                    :green
+      end
+
+      # Ask user if React version should be generated ======
+      if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
+        @react_kit = true
+        template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
+        template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
+        template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
+
+        # Import kit examples  ===========================
+        append_to_file("app/pb_kits/playbook/packs/examples.js") do
+          "import * as #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/docs'\nWebpackerReact.setup(#{@kit_name_pascal})\n"
+        end
+        append_to_file("app/pb_kits/playbook/index.js") do
+          "\nexport #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx'"
+        end
+
+        say_status  "complete",
+                    "#{@kit_name_capitalize} react kit successfully created.",
+                    :green
+      end
+
+      # Create kit example.yml
+      template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
+
+      `rubocop --safe-auto-correct #{full_kit_directory}`
+    end
+  end
+end

data/lib/generators/kit/templates/kit_example_rails.erb.tt

@@ -0,0 +1 @@
+<%%= pb_rails("<%= @kit_name_underscore %>") %>

data/lib/generators/kit/templates/kit_example_react.erb.tt

@@ -0,0 +1,10 @@
+import React from 'react'
+import { <%= @kit_name_pascal %> } from '../../'
+
+const <%= @kit_name_pascal %>Default = () => (
+  <div>
+    <<%= @kit_name_pascal %> />
+  </div>
+)
+
+export default <%= @kit_name_pascal %>Default

data/lib/generators/kit/templates/kit_example_yml.erb.tt

@@ -0,0 +1,9 @@
+examples:
+  <% if @rails_kit %>
+  rails:
+  - <%= @kit_name_underscore %>_default: Default
+  <% end %>
+  <% if @react_kit %>
+  react:
+  - <%= @kit_name_underscore %>_default: Default
+  <% end %>

data/lib/generators/kit/templates/kit_html.erb.tt

@@ -0,0 +1,7 @@
+<%%= content_tag(:div,
+    aria: object.aria,
+    class: object.classname,
+    data: object.data,
+    id: object.id) do %>
+  <span><%= @kit_name_uppercase %> CONTENT</span>
+<%% end %>

data/lib/generators/kit/templates/kit_js.erb.tt

@@ -0,0 +1 @@
+export { default as <%= @kit_name_pascal %>Default } from './_<%= @kit_name_underscore %>_default.jsx'

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -0,0 +1,68 @@
+<%
+break_lines = lambda do |list, spaces = 2, separator = ","|
+  list.join("#{separator}\n#{" " * spaces}") + separator
+end
+
+type_name = "#{@kit_name_pascal}Props"
+
+props_types = @kit_props.map do |key, val|
+  prop_name = key == "classname" ? "className" : key.camelize(:lower)
+  prop_type = case val
+              when "enum", "one_of" then "'option_1' | 'option_2'"
+              when "boolean", "bool" then "boolean"
+              when "object", "obj" then "object"
+              else "string"
+              end
+
+  "#{prop_name}?: #{prop_type}"
+end
+puts props_types.inspect
+
+props_names = @kit_props.keys.map do |key|
+                  case key
+                  when "classname" || "className"
+                    "className" 
+                  when "aria"
+                    "aria = {}"
+                  when "data"
+                    "data = {}"
+                  else 
+                    key
+                  end
+              end
+
+%>
+
+/* @flow */
+
+import React from 'react'
+import classnames from 'classnames'
+import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
+import { globalProps } from '../utilities/globalProps.js'
+
+type <%= type_name %> = {
+  <%= break_lines.call(props_types) %>
+}
+
+const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
+  const {
+    <%= break_lines.call(props_names) %>
+  } = props
+
+  const ariaProps = buildAriaProps(aria)
+  const dataProps = buildDataProps(data)
+  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, globalProps(props))
+
+  return (
+    <div
+        {...ariaProps}
+        {...dataProps}
+        className={classes}
+        id={id}
+    >
+      {className}
+    </div>
+  )
+}
+
+export default <%= @kit_name_pascal %>

data/lib/generators/kit/templates/kit_ruby.erb.tt

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Pb<%= @kit_name_pascal %>
+    class <%= @kit_name_pascal %>
+      include Playbook::Props
+
+      partial "<%= "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" %>"
+    end
+  end
+end

data/lib/generators/kit/templates/kit_ruby_spec.erb.tt

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+require_relative "../../../../app/pb_kits/playbook/pb_<%= @kit_name_underscore %>/<%= @kit_name_underscore %>"
+
+RSpec.describe Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> do
+  subject { Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> }
+
+  it { is_expected.to define_partial }
+
+  # Do not leave this file blank. Use other spec files for example tests.
+end

data/lib/generators/kit/templates/kit_scss.erb

@@ -0,0 +1,3 @@
+<%= ".pb_#{@kit_name_underscore}" %> {
+
+}

data/lib/playbook/engine.rb

@@ -21,7 +21,6 @@ module Playbook
     initializer "playbook_ui.add_view_paths", after: :add_view_paths do |_app|
       ActiveSupport.on_load(:action_controller) do
         append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
-        append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook/config"
       end
     end
 

data/lib/playbook/version.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "7.3.0.pre.alpha1"
+  VERSION = "7.3.0.pre.alpha2"
 end

data/lib/tasks/pb_release.rake

@@ -0,0 +1,77 @@
+# frozen_string_literal: true
+
+namespace :pb_release do
+  desc "Update the version number in preparation to release"
+  task version: :environment do
+    puts "\n"
+    puts "*" * 20 + " Create New Playbook Release " + "*" * 20
+    ack = "\nFirst, before creating a new version please make sure you are familiar with SemVer guidlines: "
+    ack += "\nhttps://semver.org/#semantic-versioning-specification-semver. "
+    ack += "\n\nDoing so will ensure the proper version is selected for the release. "
+    ack += "\nSee also: https://github.com/powerhome/playbook/wiki/Releasing-a-New-Version#determining-the-version."
+    ack += "\n\nReady to start? y/N"
+    STDOUT.puts ack
+    agreed = STDIN.gets.chomp.downcase
+
+    if agreed == "y"
+      old_version = Playbook::VERSION
+      STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
+      new_version = STDIN.gets.chomp
+      puts "Ok great, let's make version #{new_version}"
+      puts "\n\n"
+
+      # Update package.json
+      package = File.read("package.json")
+      new_package = package.gsub(/"version": "#{old_version}",/, "\"version\": \"#{new_version}\",")
+      File.open("package.json", "w") { |file| file.puts new_package }
+      puts "Updated package.json"
+
+      # Update version.rb
+      version_rb = File.read("lib/playbook/version.rb")
+      new_version_rb = version_rb.gsub(/VERSION = "#{old_version}".freeze/, "VERSION = \"#{new_version}\".freeze")
+      File.open("lib/playbook/version.rb", "w") { |file| file.puts new_version_rb }
+      puts "Updated lib/playbook/version.rb"
+
+      # Update gemfile.lock
+      gemfile = File.read("Gemfile.lock")
+      new_gemfile = gemfile.gsub(/playbook_ui \(#{Regexp.escape(old_version)}\)/, "playbook_ui (#{new_version})")
+      File.open("Gemfile.lock", "w") { |file| file.puts new_gemfile }
+      puts "Updated Gemfile.lock"
+      puts "\n\n"
+
+      puts "Commit your changes and create a PR to merge to master"
+    end
+  end
+
+  desc "Publish to RubyGems, NPM, and Create a Tag"
+  task push: :environment do
+    version = Playbook::VERSION
+    puts "You about to release version #{version}. Is that correct? (y/N)"
+    input = STDIN.gets.chomp
+    raise Nope unless input.downcase == "y"
+
+    # RubyGems
+    puts "\nCreating Gem..."
+    `gem build playbook_ui.gemspec`
+    puts "\nPushing to RubyGems..."
+    `gem push playbook_ui-#{version}.gem`
+    puts "\nPushed to RubyGems. Now lets clean up..."
+    `rm -rf playbook_ui-#{version}.gem`
+
+    # NPM
+    puts "\nPushing to NPM..."
+    `npm publish`
+
+    # Tags
+    puts "\nPushed to NPM. Now lets create a tag..."
+    puts "\nWrite a brief tag release description. You can edit this later on GitHub."
+    description = STDIN.gets.chomp
+    puts "\nCreating Tag..."
+    `git tag -a #{version} -m "#{description}"`
+    puts "\nPushing Tag to GitHub..."
+    `git push origin #{version}`
+
+    puts "\n\n"
+    puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
+  end
+end

data/lib/tasks/playbook_tasks.rake

@@ -0,0 +1,26 @@
+# frozen_string_literal: true
+
+require "webpacker"
+
+namespace :playbook do
+  namespace :webpacker do
+    desc "Install deps with yarn"
+    task :yarn_install do
+      Dir.chdir(File.join(__dir__, "../..")) do
+        system "yarn install --no-progress --production"
+      end
+    end
+
+    desc "Compile JavaScript packs using webpack for production with digests"
+    task compile: %i[yarn_install environment] do
+      ::Webpacker.with_node_env("production") do
+        if Playbook.webpacker.commands.compile
+          # Successful compilation!
+        else
+          # Failed compilation
+          exit!
+        end
+      end
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.3.0.pre.alpha1
+  version: 7.3.0.pre.alpha2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-19 00:00:00.000000000 Z
+date: 2020-10-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -401,6 +401,9 @@ files:
 - app/assets/images/pb-check.svg
 - app/assets/images/pb.logo.svg
 - app/controllers/playbook/application_controller.rb
+- app/controllers/playbook/guides_controller.rb
+- app/controllers/playbook/pages_controller.rb
+- app/controllers/playbook/samples_controller.rb
 - app/helpers/playbook/application_helper.rb
 - app/helpers/playbook/layout_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
@@ -414,6 +417,22 @@ 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/packs/application.js
+- app/pb_kits/playbook/packs/examples.js
+- app/pb_kits/playbook/packs/main.scss
+- app/pb_kits/playbook/packs/samples.js
+- app/pb_kits/playbook/packs/site_styles/_samples.scss
+- app/pb_kits/playbook/packs/site_styles/_scaffold.scss
+- app/pb_kits/playbook/packs/site_styles/_site-style.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_all.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_bg_light_doc_example.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_code_snippet.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_color_utilities.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_flex_examples.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_kits_examples.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_markdown.scss
+- app/pb_kits/playbook/packs/site_styles/docs/_spacing_tokens.scss
 - 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
@@ -515,13 +534,15 @@ files:
 - 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.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
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.html.erb
 - app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx
+- app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.html.erb
+- app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical.jsx
+- app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.html.erb
+- app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_vertical_secondary.jsx
 - 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
@@ -530,8 +551,6 @@ files:
 - app/pb_kits/playbook/pb_caption/_caption.scss
 - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
 - 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
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
@@ -585,7 +604,6 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_default.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.html.erb
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx
-- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - 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
@@ -625,6 +643,21 @@ 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_collapsible/_collapsible.html.erb
+- app/pb_kits/playbook/pb_collapsible/_collapsible.jsx
+- app/pb_kits/playbook/pb_collapsible/_collapsible.scss
+- app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_content.html.erb
+- app/pb_kits/playbook/pb_collapsible/child_kits/_collapsible_main.html.erb
+- app/pb_kits/playbook/pb_collapsible/collapsible.rb
+- app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
+- app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_dark.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/example.yml
+- app/pb_kits/playbook/pb_collapsible/docs/index.js
+- app/pb_kits/playbook/pb_collapsible/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
@@ -668,14 +701,10 @@ files:
 - app/pb_kits/playbook/pb_date/_date.jsx
 - app/pb_kits/playbook/pb_date/_date.scss
 - 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
 - app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_default.jsx
 - app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
 - app/pb_kits/playbook/pb_date/docs/_date_timezone.md
-- app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
-- app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
 - 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
@@ -684,11 +713,15 @@ files:
 - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
 - 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_allow_input.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
@@ -709,8 +742,6 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
-- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb
@@ -836,8 +867,6 @@ files:
 - 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
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
@@ -850,7 +879,6 @@ files:
 - 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.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
@@ -1219,8 +1247,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_borderless_nav.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_default_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_default_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_description.md
@@ -1236,9 +1262,6 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
-- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
-- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.jsx
-- 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.rb
@@ -1378,14 +1401,12 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.html.erb
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_error.md
-- 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.rb
 - 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
 - app/pb_kits/playbook/pb_section_separator/docs/_description.md
 - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
@@ -1435,7 +1456,6 @@ 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_options.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.md
@@ -1449,7 +1469,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx
-- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_options.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb
 - 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
@@ -1460,7 +1479,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
-- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_options.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
@@ -1518,18 +1536,12 @@ files:
 - 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
-- app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
 - app/pb_kits/playbook/pb_table/docs/_table_container.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_container.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.md
 - app/pb_kits/playbook/pb_table/docs/_table_lg.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_lg.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_lg.md
@@ -1538,9 +1550,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_md.md
 - app/pb_kits/playbook/pb_table/docs/_table_multiline.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_one_action.md
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb
@@ -1551,12 +1560,6 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_sm.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_sm.md
-- app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_two_actions.md
-- app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.html.erb
-- app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_two_plus_actions.md
 - app/pb_kits/playbook/pb_table/docs/example.yml
 - app/pb_kits/playbook/pb_table/docs/index.js
 - app/pb_kits/playbook/pb_table/index.js
@@ -1726,7 +1729,8 @@ files:
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
 - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
-- app/pb_kits/playbook/pb_toggle/docs/_toggle_options.html.erb
+- app/pb_kits/playbook/pb_toggle/docs/_toggle_size.html.erb
+- app/pb_kits/playbook/pb_toggle/docs/_toggle_size.jsx
 - 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.rb
@@ -1752,15 +1756,11 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx
 - 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
@@ -1827,7 +1827,6 @@ files:
 - app/pb_kits/playbook/props/percentage.rb
 - app/pb_kits/playbook/props/proc.rb
 - app/pb_kits/playbook/props/string.rb
-- app/pb_kits/playbook/react_rails_kits.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
@@ -1840,7 +1839,6 @@ files:
 - app/pb_kits/playbook/tokens/_spacing.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
-- app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
@@ -1849,12 +1847,66 @@ files:
 - app/pb_kits/playbook/utilities/props.js
 - app/pb_kits/playbook/utilities/text.js
 - app/pb_kits/playbook/vendor.js
+- app/views/layouts/playbook/_mobile_hamburger.html.erb
+- app/views/layouts/playbook/_nav.html.erb
+- app/views/layouts/playbook/_sidebar.html.erb
+- app/views/layouts/playbook/application.html.erb
+- app/views/layouts/playbook/fullscreen.html.slim
+- app/views/layouts/playbook/grid.html.slim
+- app/views/layouts/playbook/samples.html.erb
+- app/views/playbook/guides/create_kit.html.slim
+- app/views/playbook/guides/create_kit/_file_naming.html.md
+- app/views/playbook/guides/create_kit/_generator.html.md
+- app/views/playbook/guides/create_kit/_kit_examples.html.md
+- app/views/playbook/guides/create_kit/_kit_rails.html.md
+- app/views/playbook/guides/create_kit/_kit_react.html.md
+- app/views/playbook/guides/create_kit/_layout.html.md
+- app/views/playbook/guides/create_kit/_view_objects.html.md
+- app/views/playbook/guides/create_kit/_writing_sass.md
+- app/views/playbook/guides/use_nitro.html.slim
+- app/views/playbook/guides/use_nitro/_local.html.md
+- app/views/playbook/guides/use_nitro/_nitro_components.html.md
+- app/views/playbook/guides/use_nitro/_versions.html.md
+- app/views/playbook/pages/fullscreen.html.slim
+- app/views/playbook/pages/grid.html.slim
+- app/views/playbook/pages/home.html.slim
+- app/views/playbook/pages/kit_category_show.html.erb
+- app/views/playbook/pages/kit_show.html.erb
+- app/views/playbook/pages/kits.html.erb
+- app/views/playbook/pages/principals/_getting_started.html.md
+- app/views/playbook/pages/principles.html.slim
+- app/views/playbook/pages/tokens.html.slim
+- app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim
+- app/views/playbook/pages/utilities.html.slim
+- app/views/playbook/pages/utilities/_pb_doc_color.html.slim
+- app/views/playbook/samples/collection_detail/index.html.erb
+- app/views/playbook/samples/collection_detail/index.jsx
+- app/views/playbook/samples/dashboards/index.html.erb
+- app/views/playbook/samples/dashboards/index.jsx
+- app/views/playbook/samples/filter_table/index.html.erb
+- app/views/playbook/samples/filter_table/index.jsx
+- app/views/playbook/samples/registration/index.html.erb
+- app/views/playbook/samples/registration/index.jsx
+- app/views/playbook/samples/sample_show.html.erb
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
+- lib/generators/kit/USAGE
+- lib/generators/kit/kit_generator.rb
+- lib/generators/kit/templates/kit_example_rails.erb.tt
+- lib/generators/kit/templates/kit_example_react.erb.tt
+- lib/generators/kit/templates/kit_example_yml.erb.tt
+- lib/generators/kit/templates/kit_html.erb.tt
+- lib/generators/kit/templates/kit_js.erb.tt
+- lib/generators/kit/templates/kit_jsx.erb.tt
+- lib/generators/kit/templates/kit_ruby.erb.tt
+- lib/generators/kit/templates/kit_ruby_spec.erb.tt
+- lib/generators/kit/templates/kit_scss.erb
 - lib/playbook.rb
 - lib/playbook/engine.rb
 - lib/playbook/version.rb
 - lib/playbook_ui.rb
+- lib/tasks/pb_release.rake
+- lib/tasks/playbook_tasks.rake
 homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
@@ -1874,8 +1926,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.3
+rubygems_version: 3.1.4
 signing_key: 
 specification_version: 4
 summary: Playbook Design System