playbook_ui 2.9.2 → 2.9.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 13114319173900990299c2a53d4a0766cabefab09e99383dec2fe307586d87eb
-  data.tar.gz: 5d12440ba5da9bedc49e4690cb060a5b15a9d51c30285689d89c925e8e7ac186
+  metadata.gz: 83bfef20c888012751cbe3ff287d6850546328ff1f8916c1d3fb66afb80e7575
+  data.tar.gz: e7fdc38479036276b05a245ac437f6de3261189d563371741b8171eb0da18947
 SHA512:
-  metadata.gz: b644819666a2f8e2ff94af2d908f39d84773bfb68782331eb05f2b7632bd62ad28b8f62e317a8c5e486e099509e636f9c503ab996635612813426737a4c6fb83
-  data.tar.gz: 27f374447a529bbfe8be2d94e03629dea7eaa8bd3179c09a59a75dc1fcdf4a8c7de41eac62087658a3db6f6b0480bf540d472a3f6627e2b46ceed508dd0130d8
+  metadata.gz: 98f925395f71c5f1528940d90726ed404b9651838ee20f21150653d7c62b3d19f354048b194a969116e294c89efd89b340c92d7406fb2646ff805066d1d5065a
+  data.tar.gz: b3971889b97ffdb28929751dd5b17ce64f6b15dd35dfec1bc98bc07c32d019bd019f28c6ae6bbf42c0a46c4ce9412c3222fefdf82c38ff3249d9da762a2a307b

data/app/assets/images/pb.logo.svg

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="141px" height="39px" viewBox="0 0 141 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 58 (84663) - https://sketch.com -->
+    <title>Page 1</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="31.27995 38.3709677 6.29032258e-05 38.3709677 6.29032258e-05 0.0894483871 31.27995 0.0894483871 31.27995 38.3709677"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard" transform="translate(-26.000000, -96.000000)">
+            <g id="Page-1" transform="translate(26.000000, 96.000000)">
+                <path d="M38.900986,25.7250725 L38.900986,20.0998494 L42.9692278,20.0998494 C46.7361183,20.0998494 48.7953517,17.5634764 48.7953517,14.5499641 C48.7953517,11.5113391 46.7361183,8.97496614 42.9692278,8.97496614 L34.5816183,8.97496614 L34.5816183,25.7250725 L38.900986,25.7250725 Z M42.3163001,16.3329589 L38.900986,16.3329589 L38.900986,12.7418566 L42.3163001,12.7418566 C43.4714798,12.7418566 44.4006462,13.3947843 44.4006462,14.5499641 C44.4006462,15.6800312 43.4714798,16.3329589 42.3163001,16.3329589 Z M54.4896223,25.7250725 L54.4896223,8.97496614 L50.6222814,8.97496614 L50.6222814,25.7250725 L54.4896223,25.7250725 Z M68.3203764,25.7250725 L68.3203764,18.1410663 C68.3203764,14.3741758 65.5831026,13.2943339 62.6700407,13.2943339 C60.811708,13.2943339 58.7273619,13.8468112 57.1703805,15.1777791 L58.6017989,17.8648277 C59.5811905,17.0361118 60.7865954,16.5589723 61.9920004,16.5589723 C63.5489818,16.5589723 64.4530355,17.2872378 64.4530355,18.3419671 L64.4530355,19.5473721 C63.72477,18.6433184 62.2933516,18.1159537 60.686145,18.1159537 L60.5385458,18.1180063 C58.7078145,18.1688571 56.5174529,19.1726656 56.5174529,22.0335198 C56.5174529,24.745681 58.8278124,26.0264237 60.686145,26.0264237 C62.2431264,26.0264237 63.6996574,25.4237213 64.4530355,24.5196675 L64.4530355,25.7250725 L68.3203764,25.7250725 Z M62.2933516,23.4900508 C61.2888475,23.4900508 60.3596812,23.0380239 60.3596812,22.083745 C60.3596812,21.1294661 61.2888475,20.6774392 62.2933516,20.6774392 C63.1471801,20.6774392 64.0512338,20.9536779 64.4530355,21.5312678 L64.4530355,22.6111097 C64.0512338,23.1886996 63.1471801,23.4900508 62.2933516,23.4900508 Z M70.8755716,30.4462419 C71.2773732,30.5718049 72.181427,30.6471427 72.5330034,30.6471427 L72.7503997,30.6408447 C74.9447008,30.5602028 76.6513638,29.9591284 77.6094597,27.5764643 L83.130522,13.5956851 L79.0371676,13.5956851 L76.2998939,21.2801417 L73.5375075,13.5956851 L69.4692658,13.5956851 L74.3159982,25.9008607 L74.0397596,26.5537884 C73.8137462,27.0560405 73.2612689,27.2318287 72.3823278,27.2318287 C72.0809765,27.2318287 71.7042875,27.1564909 71.4280489,27.0058153 L70.8755716,30.4462419 Z M88.1467523,21.5312678 L88.1467523,17.8146025 C88.6238917,17.1616748 89.6283959,16.7096479 90.4571118,16.7096479 C91.9889806,16.7096479 93.1441603,17.8397151 93.1441603,19.6478225 C93.1441603,21.4810425 91.9889806,22.6111097 90.4571118,22.6111097 C89.6283959,22.6111097 88.6238917,22.1841954 88.1467523,21.5312678 Z M88.1467523,25.7250725 L88.1467523,24.3187667 C89.1512564,25.4739465 90.381774,26.0264237 91.7378545,26.0264237 C94.7262543,26.0264237 97.086839,23.7662894 97.086839,19.6478225 C97.086839,15.6800312 94.7764795,13.2943339 91.7378545,13.2943339 C90.4068866,13.2943339 89.1010312,13.8216986 88.1467523,15.0271035 L88.1467523,8.97496614 L84.2794114,8.97496614 L84.2794114,25.7250725 L88.1467523,25.7250725 Z M104.915681,26.0264237 C109.084373,26.0264237 111.545408,23.0631366 111.545408,19.6478225 C111.545408,16.2325085 109.084373,13.2943339 104.915681,13.2943339 C100.797214,13.2943339 98.3361789,16.2325085 98.3361789,19.6478225 C98.3361789,23.0631366 100.797214,26.0264237 104.915681,26.0264237 Z M104.915681,22.6111097 C103.258249,22.6111097 102.30397,21.2801417 102.30397,19.6478225 C102.30397,18.0406159 103.258249,16.7096479 104.915681,16.7096479 C106.623338,16.7096479 107.577617,18.0406159 107.577617,19.6478225 C107.577617,21.2801417 106.623338,22.6111097 104.915681,22.6111097 Z M119.37425,26.0264237 C123.542942,26.0264237 126.003977,23.0631366 126.003977,19.6478225 C126.003977,16.2325085 123.542942,13.2943339 119.37425,13.2943339 C115.255783,13.2943339 112.794748,16.2325085 112.794748,19.6478225 C112.794748,23.0631366 115.255783,26.0264237 119.37425,26.0264237 Z M119.37425,22.6111097 C117.716818,22.6111097 116.762539,21.2801417 116.762539,19.6478225 C116.762539,18.0406159 117.716818,16.7096479 119.37425,16.7096479 C121.081907,16.7096479 122.036186,18.0406159 122.036186,19.6478225 C122.036186,21.2801417 121.081907,22.6111097 119.37425,22.6111097 Z M140.487659,25.7250725 L135.716264,25.7250725 L133.054328,21.4308173 L131.899149,22.8120105 L131.899149,25.7250725 L128.031808,25.7250725 L128.031808,8.97496614 L131.899149,8.97496614 L131.899149,18.4424176 L135.590701,13.5956851 L140.261646,13.5956851 L135.791602,19.1204578 L140.487659,25.7250725 Z" id="Playbook" fill="#064DFF" fill-rule="nonzero"></path>
+                <g id="Group-10" transform="translate(0.000000, 0.225194)">
+                    <g id="Group-3">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <g id="Clip-2"></g>
+                        <path d="M16.0020145,0.0894483871 C14.7618774,0.0894483871 13.7532242,1.1037629 13.7532242,2.35019032 L13.7532242,5.51862581 L0.999595161,14.8644726 L0.987329032,14.8735935 L0.975377419,14.8824 L0.968458065,14.8877468 C0.361441935,15.340021 6.29032258e-05,16.06215 6.29032258e-05,16.8235935 L6.29032258e-05,26.4795532 C6.29032258e-05,27.2479161 0.363958065,27.9722468 0.974748387,28.424521 L0.986070968,28.4326984 L0.992675806,28.4377306 L0.999595161,28.4427629 L13.9551435,37.9364323 C14.3423129,38.2204403 14.7999339,38.3710935 15.2779984,38.3710935 C16.51845,38.3710935 17.5274177,37.3564645 17.5274177,36.1097226 L17.5274177,32.9419161 L30.2804177,23.5957548 L30.2929984,23.5869484 L30.30495,23.5778274 L30.3109258,23.5731097 C30.9182565,23.1208355 31.27995,22.3983919 31.27995,21.6366339 L31.27995,11.9809887 C31.27995,11.2110532 30.9154258,10.4864081 30.3036919,10.0347629 L30.2929984,10.0269 L30.2870226,10.0221823 L30.2804177,10.0174645 L17.3248694,0.523795161 C16.9380145,0.240101613 16.4803935,0.0894483871 16.0020145,0.0894483871 M16.0020145,1.97654516 C16.0724661,1.97654516 16.1441758,1.99793226 16.2092806,2.04605323 L29.1651435,11.5397226 L29.1805548,11.5510452 C29.3139097,11.6485452 29.3928532,11.8073758 29.3928532,11.9759565 L29.3928532,11.9809887 L29.3928532,21.6331742 L29.3928532,21.6366339 C29.3928532,21.8064726 29.3132806,21.9649887 29.1796113,22.0628032 L29.1651435,22.0734968 L15.640321,31.9851581 L15.640321,36.1097226 C15.640321,36.3305129 15.46545,36.4839968 15.2779984,36.4839968 C15.2078613,36.4839968 15.1358371,36.4619806 15.0704177,36.4141742 L2.11518387,26.9208194 L2.09977258,26.9091823 C1.96610323,26.8113677 1.88715968,26.6531661 1.88715968,26.4845855 L1.88715968,26.4795532 L1.88715968,16.8273677 L1.88715968,16.8235935 C1.88715968,16.6540694 1.96673226,16.4952387 2.10040161,16.3977387 L2.11518387,16.3864161 L15.640321,6.47506935 L15.640321,2.35019032 C15.640321,2.13002903 15.8145629,1.97654516 16.0020145,1.97654516" id="Fill-1" fill="#064DFF" mask="url(#mask-2)"></path>
+                    </g>
+                    <polygon id="Fill-4" fill="#064DFF" points="11.4547403 17.0330927 10.5942242 16.1725766 8.31272419 18.4540766 6.03122419 16.1725766 5.17070806 17.0330927 7.45189355 19.3145927 5.17070806 21.5964073 6.03122419 22.4569234 8.31272419 20.1751089 10.5942242 22.4569234 11.4547403 21.5964073 9.17324032 19.3145927"></polygon>
+                    <path d="M22.805596,15.6235887 C20.7672169,15.6235887 19.1144347,17.2760565 19.1144347,19.3144355 C19.1144347,21.3534435 20.7672169,23.0059113 22.805596,23.0059113 C24.843975,23.0059113 26.4964427,21.3534435 26.4964427,19.3144355 C26.4964427,17.2760565 24.843975,15.6235887 22.805596,15.6235887 M22.805596,16.8407661 C24.1696524,16.8407661 25.2792653,17.950379 25.2792653,19.3144355 C25.2792653,20.6788065 24.1696524,21.7887339 22.805596,21.7887339 C21.441225,21.7887339 20.3316121,20.6788065 20.3316121,19.3144355 C20.3316121,17.950379 21.441225,16.8407661 22.805596,16.8407661" id="Fill-6" fill="#064DFF"></path>
+                    <path d="M18.8099516,17.7868306 L15.2804516,13.9664032 L11.759129,17.7868306 L12.6212177,18.5897903 L14.6907339,16.3293629 L14.6907339,22.8977177 C14.6907339,23.2229274 14.9542984,23.4864919 15.2791935,23.4864919 C15.6047177,23.4864919 15.8679677,23.2229274 15.8679677,22.8977177 L15.8679677,16.3271613 L17.9478629,18.5897903 L18.8099516,17.7868306 Z" id="Fill-8" fill="#064DFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

data/app/helpers/playbook/pb_doc_helper.rb

@@ -9,9 +9,9 @@ module Playbook
     def has_kit_type?(kit, type)
       type ||= "rails"
       if type == "rails"
-        return Dir["playbook/pb_#{kit}/*.html.erb"].empty?
+        Dir["playbook/pb_#{kit}/*.html.erb"].empty?
       elsif type == "react"
-        return Dir["playbook/pb_#{kit}/*.jsx"].empty?
+        Dir["playbook/pb_#{kit}/*.jsx"].empty?
       end
     end
 
@@ -33,7 +33,7 @@ module Playbook
     end
 
     def pb_kit_api(kit)
-      kit_class_obj = get_class_name(kit)
+      kit_class_obj = get_class_name(kit.to_s)
       @kit_api = if kit_class_obj < Playbook::PbKit::Base
                    kit_class_obj.instance_method(:initialize).parameters.map(&:last)
                  else
@@ -49,20 +49,17 @@ module Playbook
                                "app", "pb_kits", "playbook", "pb_#{kit}", "docs", "example.yml")
       if File.exist? example_file
         examples_list = YAML.load_file(example_file)
-        examples_list = examples_list.inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
-        all_kit_examples = {}
-        all_kit_examples[:kit] = kit
-        all_kit_examples[:examples] = examples_list[:examples][type]
-        return all_kit_examples
+                            .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
+        { kit: kit, examples: examples_list[:examples][type] }
       else
-        return {}
+        {}
       end
     end
 
     def get_class_name(kit)
-      folder = is_subkit?(kit) ? pb_camelize(kit.split("/")[0]) : pb_camelize(kit)
-      item = is_subkit?(kit) ? pb_camelize(kit.split("/")[-1]) : pb_camelize(kit)
-      "Playbook::Pb#{folder}::#{item}".safe_constantize
+      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
+      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
+      "Playbook::Pb#{folder.camelize}::#{item.camelize}".safe_constantize
     end
 
     def render_clickable_title(kit)

data/app/helpers/playbook/pb_kit_helper.rb

@@ -7,47 +7,29 @@ require "webpacker/react/component"
 module Playbook
   module PbKitHelper
     def pb_rails(kit, props: {}, &block)
-      render_rails(kit, props, &block)
+      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)
+    ensure
+      self.prefix_partial_path_with_controller_namespace = previous
     end
 
     def pb_react(kit, props: {}, options: {})
-      render_react(kit, props, options)
+      ::Webpacker::React::Component.new(kit.camelize).render(props, options)
     end
 
   private
 
-    def render_rails(kit, props, &block)
-      props = defined?(props) && !props.nil? ? props : {}
-      kit_class_obj = get_class_name(kit)
-      original_value = ActionView::Base.prefix_partial_path_with_controller_namespace
-      ActionView::Base.prefix_partial_path_with_controller_namespace = true
-      render(partial: kit_class_obj.new(**props, &block), as: :object)
-    rescue ActionView::MissingTemplate
-      ActionView::Base.prefix_partial_path_with_controller_namespace = false
-      render(partial: kit_class_obj.new(**props, &block), as: :object)
-    ensure
-      ActionView::Base.prefix_partial_path_with_controller_namespace = original_value
-    end
-
-    def render_react(kit, props, options)
-      if defined?(props[:props]) && !props[:props].nil?
-        props = props[:props] if props.keys[0] === :props
-      end
-      ::Webpacker::React::Component.new(kit.camelize).render(props, options)
-    end
-
     def is_subkit?(kit)
       kit.match(%r{[/\\]})
     end
 
-    def pb_camelize(string)
-      string.to_s.tr(" ", "_").camelize
-    end
-
-    def get_class_name(kit)
-      folder = is_subkit?(kit) ? pb_camelize(kit.split("/")[0]) : pb_camelize(kit)
-      item = is_subkit?(kit) ? pb_camelize(kit.split("/")[-1]) : pb_camelize(kit)
-      "Playbook::Pb#{folder}::#{item}".safe_constantize
+    def build_view_model(kit, props, &block)
+      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
+      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
+      class_name = "Playbook::Pb#{folder.camelize}::#{item.camelize}"
+      class_name.safe_constantize.new(props, &block)
     end
   end
 end

data/app/pb_kits/playbook/_playbook.scss

@@ -0,0 +1,50 @@
+@import "pb_body/body";
+@import "pb_button/button";
+@import "pb_caption/caption";
+@import "pb_card/card";
+@import "pb_title/title";
+@import "pb_vertical_nav/vertical_nav";
+@import 'pb_avatar/avatar';
+@import 'pb_badge/badge';
+@import 'pb_bar_graph/bar_graph';
+@import 'pb_checkbox/checkbox';
+@import 'pb_contact/contact';
+@import 'pb_currency/currency';
+@import 'pb_dashboard_value/dashboard_value';
+@import 'pb_date/date';
+@import 'pb_date_range_inline/date_range_inline';
+@import 'pb_date_year_stacked/date_year_stacked';
+@import 'pb_distribution_bar/distribution_bar';
+@import 'pb_fixed_confirmation_toast/fixed_confirmation_toast';
+@import 'pb_hashtag/hashtag';
+@import 'pb_home_address_street/home_address_street';
+@import 'pb_icon/icon';
+@import 'pb_icon_circle/icon_circle';
+@import 'pb_icon_value/icon_value';
+@import 'pb_image/image';
+@import 'pb_input/input';
+@import 'pb_label_pill/label_pill';
+@import 'pb_label_value/label_value';
+@import 'pb_layout/layout';
+@import 'pb_line_graph/line_graph';
+@import 'pb_list/list';
+@import 'pb_loading_inline/loading_inline';
+@import 'pb_message/message';
+@import 'pb_online_status/online_status';
+@import 'pb_person/person';
+@import 'pb_person_contact/person_contact';
+@import 'pb_pill/pill';
+@import 'pb_progress_simple/progress_simple';
+@import 'pb_section_separator/section_separator';
+@import 'pb_source/source';
+@import 'pb_star_rating/star_rating';
+@import 'pb_stat_change/stat_change';
+@import 'pb_stat_value/stat_value';
+@import 'pb_table/table';
+@import 'pb_time/time';
+@import 'pb_timestamp/timestamp';
+@import 'pb_title_count/title_count';
+@import 'pb_title_detail/title_detail';
+@import 'pb_toggle/toggle';
+@import 'pb_user/user';
+@import 'pb_user_badge/user_badge';

data/app/pb_kits/playbook/index.js

@@ -7,6 +7,7 @@ import Button from "./pb_button/_button.jsx"
 import Caption from "./pb_caption/_caption.jsx"
 import Card from "./pb_card/_card.jsx"
 import Checkbox from "./pb_checkbox/_checkbox.jsx"
+import Contact from "./pb_contact/_contact.jsx"
 import Currency from "./pb_currency/_currency.jsx"
 import DashboardValue from "./pb_dashboard_value/_dashboard_value.jsx"
 import DateRangeInline from "./pb_date_range_inline/_date_range_inline.jsx"
@@ -29,9 +30,8 @@ import ListItem from "./pb_list/_list_item.jsx"
 import LoadingInline from "./pb_loading_inline/_loading_inline.jsx"
 import Message from "./pb_message/_message.jsx"
 import OnlineStatus from "./pb_online_status/_online_status.jsx"
-import Owner from "./pb_owner/_owner.jsx"
-import OwnerPhone from "./pb_owner_phone/_owner_phone.jsx"
-import Phone from "./pb_phone/_phone.jsx"
+import Person from "./pb_person/_person.jsx"
+import PersonContact from "./pb_person_contact/_person_contact.jsx"
 import Pill from "./pb_pill/_pill.jsx"
 import ProgressSimple from "./pb_progress_simple/_progress_simple.jsx"
 import SectionSeparator from "./pb_section_separator/_section_separator.jsx"
@@ -49,7 +49,7 @@ import UserBadge from "./pb_user_badge/_user_badge.jsx"
 import VerticalNav from "./pb_vertical_nav/_vertical_nav.jsx"
 
 // Dashboard Settings
-import commonSettings from "./pb_dashboard/commonSettings"
+import { commonSettings, dataColors } from "./pb_dashboard/commonSettings"
 import lineGraphSettings from "./pb_line_graph/lineGraphSettings"
 import barGraphSettings from "./pb_bar_graph/barGraphSettings"
 import dashboardValueSettings from "./pb_dashboard_value/dashboardValueSettings"
@@ -67,6 +67,7 @@ export {
   Caption,
   Card,
   Checkbox,
+  Contact,
   Currency,
   DashboardValue,
   DateRangeInline,
@@ -89,9 +90,8 @@ export {
   LoadingInline,
   Message,
   OnlineStatus,
-  Owner,
-  OwnerPhone,
-  Phone,
+  Person,
+  PersonContact,
   Pill,
   ProgressSimple,
   SectionSeparator,
@@ -107,9 +107,10 @@ export {
   User,
   UserBadge,
   VerticalNav,
-  commonSettings,
-  lineGraphSettings,
   barGraphSettings,
+  commonSettings,
   dashboardValueSettings,
+  dataColors,
+  lineGraphSettings,
   pbChart,
 }

data/app/pb_kits/playbook/kits/pb_contact.js

@@ -0,0 +1,4 @@
+import Contact from "../pb_contact/_contact.jsx";
+
+import WebpackerReact from "webpacker-react";
+WebpackerReact.setup({ Contact });

data/app/pb_kits/playbook/kits/pb_person.js

@@ -0,0 +1,4 @@
+import Person from "../pb_person/_person.jsx";
+
+import WebpackerReact from "webpacker-react";
+WebpackerReact.setup({ Person });

data/app/pb_kits/playbook/kits/pb_person_contact.js

@@ -0,0 +1,4 @@
+import PersonContact from "../pb_person_contact/_person_contact.jsx";
+
+import WebpackerReact from "webpacker-react";
+WebpackerReact.setup({ PersonContact });

data/app/pb_kits/playbook/packs/application.js

@@ -1,5 +1,5 @@
-import "../../../../fonts/fontawesome.js"
-import "../../../../fonts/regular.js"
+import "../../../../fonts/fontawesome.min.js"
+import "../../../../fonts/regular.min.js"
 import "./main.scss"
 import "./kits.js"
 import "../vendor.js"
@@ -11,4 +11,4 @@ $(document).on("click", "[data-toggle]", function(e) {
   var toggle_target = $(this).data('toggle')
   $(kit_container).find('[data-action="toggle"]').hide()
   $(kit_container).find('[data-togglable="'+toggle_target+'"]').show()
-})
+})

data/app/pb_kits/playbook/packs/examples.js

@@ -6,152 +6,110 @@
 
 import WebpackerReact from "webpacker-react";
 
-import * as body from "pb_body/docs";
-WebpackerReact.setup (body);
+//
+// ===========================================
+// ===========================================
+// Generated file from kit generator.
+// KIT EXAMPLES
 
+import * as avatar from "pb_avatar/docs";
+import * as Badge from "pb_badge/docs";
+import * as BarGraph from "pb_bar_graph/docs";
+import * as body from "pb_body/docs";
 import * as button from "pb_button/docs";
-WebpackerReact.setup (button);
-
 import * as caption from "pb_caption/docs";
-WebpackerReact.setup (caption);
-
 import * as card from "pb_card/docs";
-WebpackerReact.setup (card);
-
+import * as Checkbox from "pb_checkbox/docs";
+import * as Contact from "pb_contact/docs";
+import * as Currency from "pb_currency/docs";
+import * as DashboardValue from "pb_dashboard_value/docs";
+import * as Date from "pb_date/docs";
+import * as DateRangeInline from "pb_date_range_inline/docs";
+import * as DateYearStacked from "pb_date_year_stacked/docs";
+import * as DistributionBar from "pb_distribution_bar/docs";
+import * as FixedConfirmationToast from "pb_fixed_confirmation_toast/docs";
+import * as Hashtag from "pb_hashtag/docs";
+import * as HomeAddressStreet from "pb_home_address_street/docs";
+import * as Icon from "pb_icon/docs";
+import * as IconCircle from "pb_icon_circle/docs";
+import * as IconValue from "pb_icon_value/docs";
 import * as image from "pb_image/docs";
-WebpackerReact.setup (image);
-
+import * as input from "pb_input/docs";
+import * as LabelPill from "pb_label_pill/docs";
+import * as LabelValue from "pb_label_value/docs";
 import * as layout from "pb_layout/docs";
-WebpackerReact.setup (layout);
-
+import * as LineGraph from "pb_line_graph/docs";
 import * as list from "pb_list/docs";
-WebpackerReact.setup (list);
-
+import * as LoadingInline from "pb_loading_inline/docs";
+import * as Message from "pb_message/docs";
+import * as OnlineStatus from "pb_online_status/docs";
+import * as Person from "pb_person/docs";
+import * as PersonContact from "pb_person_contact/docs";
+import * as Pill from "pb_pill/docs";
+import * as ProgressSimple from "pb_progress_simple/docs";
+import * as SectionSeparator from "pb_section_separator/docs";
+import * as Source from "pb_source/docs";
+import * as StarRating from "pb_star_rating/docs";
+import * as StatChange from "pb_stat_change/docs";
+import * as StatValue from "pb_stat_value/docs";
 import * as table from "pb_table/docs";
-WebpackerReact.setup (table);
-
+import * as Time from "pb_time/docs";
+import * as Timestamp from "pb_timestamp/docs";
 import * as title from "pb_title/docs";
-WebpackerReact.setup (title);
-
+import * as TitleCount from "pb_title_count/docs";
+import * as TitleDetail from "pb_title_detail/docs";
+import * as Toggle from "pb_toggle/docs";
+import * as User from "pb_user/docs";
+import * as UserBadge from "pb_user_badge/docs";
 import * as vertical_nav from "pb_vertical_nav/docs";
-WebpackerReact.setup (vertical_nav);
 
-import * as avatar from "pb_avatar/docs";
 WebpackerReact.setup (avatar);
-
-import * as input from "pb_input/docs";
-WebpackerReact.setup (input);
-
-import * as BarGraph from "pb_bar_graph/docs";
+WebpackerReact.setup (Badge);
 WebpackerReact.setup (BarGraph);
-
-import * as LineGraph from "pb_line_graph/docs";
-WebpackerReact.setup (LineGraph);
-
-import * as Icon from "pb_icon/docs";
-WebpackerReact.setup (Icon);
-
-import * as DashboardValue from "pb_dashboard_value/docs";
+WebpackerReact.setup (body);
+WebpackerReact.setup (button);
+WebpackerReact.setup (caption);
+WebpackerReact.setup (card);
+WebpackerReact.setup (Checkbox);
+WebpackerReact.setup (Contact);
+WebpackerReact.setup (Currency);
 WebpackerReact.setup (DashboardValue);
-
-import * as Time from "pb_time/docs";
-WebpackerReact.setup (Time);
-
-import * as Pill from "pb_pill/docs";
-WebpackerReact.setup (Pill);
-
-import * as UserBadge from "pb_user_badge/docs";
-WebpackerReact.setup (UserBadge);
-
-import * as Date from "pb_date/docs";
 WebpackerReact.setup (Date);
-
-import * as TitleDetail from "pb_title_detail/docs";
-WebpackerReact.setup (TitleDetail);
-
-import * as IconCircle from "pb_icon_circle/docs";
+WebpackerReact.setup (DateRangeInline);
+WebpackerReact.setup (DateYearStacked);
+WebpackerReact.setup (DistributionBar);
+WebpackerReact.setup (FixedConfirmationToast);
+WebpackerReact.setup (Hashtag);
+WebpackerReact.setup (HomeAddressStreet);
+WebpackerReact.setup (Icon);
 WebpackerReact.setup (IconCircle);
-
-import * as IconValue from "pb_icon_value/docs";
 WebpackerReact.setup (IconValue);
-
-import * as StarRating from "pb_star_rating/docs";
-WebpackerReact.setup (StarRating);
-
-import * as ProgressSimple from "pb_progress_simple/docs";
-WebpackerReact.setup (ProgressSimple);
-
-import * as TitleCount from "pb_title_count/docs";
-WebpackerReact.setup (TitleCount);
-
-import * as User from "pb_user/docs";
-WebpackerReact.setup (User);
-
-import * as LabelValue from "pb_label_value/docs";
+WebpackerReact.setup (image);
+WebpackerReact.setup (input);
+WebpackerReact.setup (LabelPill);
 WebpackerReact.setup (LabelValue);
-
-import * as Message from "pb_message/docs";
+WebpackerReact.setup (layout);
+WebpackerReact.setup (LineGraph);
+WebpackerReact.setup (list);
+WebpackerReact.setup (LoadingInline);
 WebpackerReact.setup (Message);
-
-import * as Timestamp from "pb_timestamp/docs";
-WebpackerReact.setup (Timestamp);
-
-import * as OnlineStatus from "pb_online_status/docs";
 WebpackerReact.setup (OnlineStatus);
-
-import * as Source from "pb_source/docs";
+WebpackerReact.setup (Person);
+WebpackerReact.setup (PersonContact);
+WebpackerReact.setup (Pill);
+WebpackerReact.setup (ProgressSimple);
+WebpackerReact.setup (SectionSeparator);
 WebpackerReact.setup (Source);
-
-import * as LabelPill from "pb_label_pill/docs";
-WebpackerReact.setup (LabelPill);
-
-import * as Phone from "pb_phone/docs";
-WebpackerReact.setup (Phone);
-
-import * as OwnerPhone from "pb_owner_phone/docs";
-WebpackerReact.setup (OwnerPhone);
-
-import * as Owner from "pb_owner/docs";
-WebpackerReact.setup (Owner);
-
-import * as Toggle from "pb_toggle/docs";
-WebpackerReact.setup (Toggle);
-
-import * as StatValue from "pb_stat_value/docs";
-WebpackerReact.setup (StatValue);
-
-import * as StatChange from "pb_stat_change/docs";
+WebpackerReact.setup (StarRating);
 WebpackerReact.setup (StatChange);
-
-import * as SectionSeparator from "pb_section_separator/docs";
-WebpackerReact.setup (SectionSeparator);
-
-import * as Currency from "pb_currency/docs";
-WebpackerReact.setup (Currency);
-
-import * as FixedConfirmationToast from "pb_fixed_confirmation_toast/docs";
-WebpackerReact.setup (FixedConfirmationToast);
-
-import * as LoadingInline from "pb_loading_inline/docs";
-WebpackerReact.setup (LoadingInline);
-
-import * as Checkbox from "pb_checkbox/docs";
-WebpackerReact.setup (Checkbox);
-
-import * as HomeAddressStreet from "pb_home_address_street/docs";
-WebpackerReact.setup (HomeAddressStreet);
-
-import * as Badge from "pb_badge/docs";
-WebpackerReact.setup (Badge);
-
-import * as DateYearStacked from "pb_date_year_stacked/docs";
-WebpackerReact.setup (DateYearStacked);
-
-import * as DateRangeInline from "pb_date_range_inline/docs";
-WebpackerReact.setup (DateRangeInline);
-
-import * as DistributionBar from "pb_distribution_bar/docs";
-WebpackerReact.setup (DistributionBar);
-
-import * as Hashtag from "pb_hashtag/docs";
-WebpackerReact.setup (Hashtag);
+WebpackerReact.setup (StatValue);
+WebpackerReact.setup (table);
+WebpackerReact.setup (Time);
+WebpackerReact.setup (Timestamp);
+WebpackerReact.setup (title);
+WebpackerReact.setup (TitleCount);
+WebpackerReact.setup (TitleDetail);
+WebpackerReact.setup (Toggle);
+WebpackerReact.setup (User);
+WebpackerReact.setup (UserBadge);
+WebpackerReact.setup (vertical_nav);