playbook_ui 3.0.1 → 3.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (115) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +4 -0
  3. data/app/pb_kits/playbook/index.js +60 -126
  4. data/app/pb_kits/playbook/kits/pb_avatar.js +3 -3
  5. data/app/pb_kits/playbook/kits/pb_badge.js +3 -3
  6. data/app/pb_kits/playbook/kits/pb_bar_graph.js +3 -3
  7. data/app/pb_kits/playbook/kits/pb_body.js +3 -3
  8. data/app/pb_kits/playbook/kits/pb_button.js +3 -3
  9. data/app/pb_kits/playbook/kits/pb_caption.js +3 -3
  10. data/app/pb_kits/playbook/kits/pb_card.js +3 -3
  11. data/app/pb_kits/playbook/kits/pb_checkbox.js +3 -3
  12. data/app/pb_kits/playbook/kits/pb_circle_icon_button.js +3 -3
  13. data/app/pb_kits/playbook/kits/pb_contact.js +3 -3
  14. data/app/pb_kits/playbook/kits/pb_currency.js +3 -3
  15. data/app/pb_kits/playbook/kits/pb_dashboard_value.js +3 -3
  16. data/app/pb_kits/playbook/kits/pb_date.js +3 -3
  17. data/app/pb_kits/playbook/kits/pb_date_range_inline.js +3 -3
  18. data/app/pb_kits/playbook/kits/pb_date_stacked.js +3 -3
  19. data/app/pb_kits/playbook/kits/pb_date_year_stacked.js +3 -3
  20. data/app/pb_kits/playbook/kits/pb_distribution_bar.js +3 -3
  21. data/app/pb_kits/playbook/kits/pb_fixed_confirmation_toast.js +3 -3
  22. data/app/pb_kits/playbook/kits/pb_hashtag.js +3 -3
  23. data/app/pb_kits/playbook/kits/pb_home_address_street.js +3 -3
  24. data/app/pb_kits/playbook/kits/pb_icon.js +3 -3
  25. data/app/pb_kits/playbook/kits/pb_icon_circle.js +3 -3
  26. data/app/pb_kits/playbook/kits/pb_icon_value.js +3 -3
  27. data/app/pb_kits/playbook/kits/pb_image.js +3 -4
  28. data/app/pb_kits/playbook/kits/pb_label_pill.js +3 -3
  29. data/app/pb_kits/playbook/kits/pb_label_value.js +3 -3
  30. data/app/pb_kits/playbook/kits/pb_layout.js +3 -3
  31. data/app/pb_kits/playbook/kits/pb_line_graph.js +3 -3
  32. data/app/pb_kits/playbook/kits/pb_list.js +3 -3
  33. data/app/pb_kits/playbook/kits/pb_loading_inline.js +3 -3
  34. data/app/pb_kits/playbook/kits/pb_message.js +3 -3
  35. data/app/pb_kits/playbook/kits/pb_multiple_users.js +3 -3
  36. data/app/pb_kits/playbook/kits/pb_nav.js +3 -3
  37. data/app/pb_kits/playbook/kits/pb_online_status.js +3 -3
  38. data/app/pb_kits/playbook/kits/pb_person.js +3 -3
  39. data/app/pb_kits/playbook/kits/pb_person_contact.js +3 -3
  40. data/app/pb_kits/playbook/kits/pb_pill.js +3 -3
  41. data/app/pb_kits/playbook/kits/pb_progress_pills.js +3 -3
  42. data/app/pb_kits/playbook/kits/pb_progress_simple.js +3 -3
  43. data/app/pb_kits/playbook/kits/pb_section_separator.js +3 -3
  44. data/app/pb_kits/playbook/kits/pb_select.js +3 -3
  45. data/app/pb_kits/playbook/kits/pb_selectable_card.js +3 -3
  46. data/app/pb_kits/playbook/kits/pb_source.js +3 -3
  47. data/app/pb_kits/playbook/kits/pb_star_rating.js +3 -3
  48. data/app/pb_kits/playbook/kits/pb_stat_change.js +3 -3
  49. data/app/pb_kits/playbook/kits/pb_stat_value.js +3 -3
  50. data/app/pb_kits/playbook/kits/pb_table.js +3 -3
  51. data/app/pb_kits/playbook/kits/pb_text_input.js +3 -3
  52. data/app/pb_kits/playbook/kits/pb_textarea.js +3 -3
  53. data/app/pb_kits/playbook/kits/pb_time.js +3 -3
  54. data/app/pb_kits/playbook/kits/pb_timestamp.js +3 -3
  55. data/app/pb_kits/playbook/kits/pb_title.js +3 -3
  56. data/app/pb_kits/playbook/kits/pb_title_count.js +3 -3
  57. data/app/pb_kits/playbook/kits/pb_title_detail.js +3 -3
  58. data/app/pb_kits/playbook/kits/pb_toggle.js +3 -3
  59. data/app/pb_kits/playbook/kits/pb_user.js +3 -3
  60. data/app/pb_kits/playbook/kits/pb_user_badge.js +3 -3
  61. data/app/pb_kits/playbook/packs/application.js +12 -10
  62. data/app/pb_kits/playbook/packs/examples.js +115 -115
  63. data/app/pb_kits/playbook/packs/kits.js +56 -56
  64. data/app/pb_kits/playbook/packs/site_styles/_site-style.scss +4 -1
  65. data/app/pb_kits/playbook/pb_card/_card.jsx +2 -2
  66. data/app/pb_kits/playbook/pb_card/docs/_card_separator.html.erb +19 -0
  67. data/app/pb_kits/playbook/pb_card/docs/_card_separator.jsx +22 -0
  68. data/app/pb_kits/playbook/pb_card/docs/example.yml +2 -1
  69. data/app/pb_kits/playbook/pb_card/docs/index.js +7 -6
  70. data/app/pb_kits/playbook/pb_contact/contact.rb +1 -1
  71. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  72. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +3 -1
  73. data/app/pb_kits/playbook/pb_form/form_builder.rb +8 -7
  74. data/app/pb_kits/playbook/pb_form/form_builder/{text_input_builder.rb → form_field_builder.rb} +3 -3
  75. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +0 -1
  76. data/app/pb_kits/playbook/pb_nav/_item.jsx +25 -28
  77. data/app/pb_kits/playbook/pb_nav/_nav.jsx +23 -24
  78. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +0 -2
  79. data/app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx +15 -0
  80. data/app/pb_kits/playbook/pb_nav/docs/{_block_no_title.html.erb → _block_no_title_nav.html.erb} +0 -0
  81. data/app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx +15 -0
  82. data/app/pb_kits/playbook/pb_nav/docs/_default_nav.jsx +8 -4
  83. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx +15 -0
  84. data/app/pb_kits/playbook/pb_nav/docs/example.yml +5 -1
  85. data/app/pb_kits/playbook/pb_nav/docs/index.js +3 -0
  86. data/app/pb_kits/playbook/pb_person_contact/_person_contact.html.erb +20 -19
  87. data/app/pb_kits/playbook/pb_person_contact/_person_contact.scss +4 -0
  88. data/app/pb_kits/playbook/pb_person_contact/docs/_person_contact_with_wrong_numbers.html.erb +21 -0
  89. data/app/pb_kits/playbook/pb_person_contact/docs/example.yml +1 -2
  90. data/app/pb_kits/playbook/pb_person_contact/person_contact.rb +2 -2
  91. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.html.erb +3 -3
  92. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_dark.jsx +3 -3
  93. data/app/pb_kits/playbook/pb_text_input/_text_input.html.erb +2 -2
  94. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +4 -2
  95. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +31 -41
  96. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.html.erb +5 -0
  97. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_dark.jsx +78 -0
  98. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +3 -0
  99. data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
  100. data/app/pb_kits/playbook/pb_text_input/text_input.rb +9 -1
  101. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +11 -1
  102. data/app/pb_kits/playbook/pb_textarea/_textarea_mixin.scss +11 -0
  103. data/app/pb_kits/playbook/plugins/pb_chart_plugin.js +10 -10
  104. data/app/pb_kits/playbook/utilities/props.js +2 -2
  105. data/app/pb_kits/playbook/utilities/text.js +6 -13
  106. data/app/pb_kits/playbook/vendor.js +2 -2
  107. data/lib/generators/kit/kit_generator.rb +2 -2
  108. data/lib/generators/kit/templates/kit_example_react.erb.tt +7 -9
  109. data/lib/generators/kit/templates/kit_js.erb.tt +1 -1
  110. data/lib/generators/kit/templates/kit_jsx.erb.tt +29 -11
  111. data/lib/generators/kit/templates/kit_pack.erb.tt +3 -3
  112. data/lib/generators/kit/templates/kit_ruby_spec.erb.tt +0 -1
  113. data/lib/playbook/version.rb +1 -1
  114. data/lib/tasks/pb_release.rake +33 -22
  115. metadata +12 -4
@@ -1,4 +1,4 @@
1
- import LabelValue from "../pb_label_value/_label_value.jsx";
1
+ import LabelValue from '../pb_label_value/_label_value.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ LabelValue });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ LabelValue })
@@ -1,4 +1,4 @@
1
- import Layout from "../pb_layout/_layout.jsx";
1
+ import Layout from '../pb_layout/_layout.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Layout });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Layout })
@@ -1,4 +1,4 @@
1
- import LineGraph from "../pb_line_graph/_line_graph.jsx";
2
- import WebpackerReact from "webpacker-react";
1
+ import LineGraph from '../pb_line_graph/_line_graph.jsx'
2
+ import WebpackerReact from 'webpacker-react'
3
3
 
4
- WebpackerReact.setup({ LineGraph });
4
+ WebpackerReact.setup({ LineGraph })
@@ -1,4 +1,4 @@
1
- import List from "../pb_list/_list.jsx";
1
+ import List from '../pb_list/_list.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ List });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ List })
@@ -1,4 +1,4 @@
1
- import LoadingInline from "../pb_loading_inline/_loading_inline.jsx";
1
+ import LoadingInline from '../pb_loading_inline/_loading_inline.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ LoadingInline });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ LoadingInline })
@@ -1,4 +1,4 @@
1
- import Message from "../pb_message/_message.jsx";
1
+ import Message from '../pb_message/_message.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Message });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Message })
@@ -1,4 +1,4 @@
1
- import MultipleUsers from "../pb_multiple_users/_multiple_users.jsx";
1
+ import MultipleUsers from '../pb_multiple_users/_multiple_users.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ MultipleUsers });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ MultipleUsers })
@@ -1,4 +1,4 @@
1
- import Nav from "../pb_nav/_nav.jsx";
2
- import WebpackerReact from "webpacker-react";
1
+ import Nav from '../pb_nav/_nav.jsx'
2
+ import WebpackerReact from 'webpacker-react'
3
3
 
4
- WebpackerReact.setup({ Nav });
4
+ WebpackerReact.setup({ Nav })
@@ -1,4 +1,4 @@
1
- import OnlineStatus from "../pb_online_status/_online_status.jsx";
1
+ import OnlineStatus from '../pb_online_status/_online_status.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ OnlineStatus });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ OnlineStatus })
@@ -1,4 +1,4 @@
1
- import Person from "../pb_person/_person.jsx";
1
+ import Person from '../pb_person/_person.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Person });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Person })
@@ -1,4 +1,4 @@
1
- import PersonContact from "../pb_person_contact/_person_contact.jsx";
1
+ import PersonContact from '../pb_person_contact/_person_contact.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ PersonContact });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ PersonContact })
@@ -1,4 +1,4 @@
1
- import Pill from "../pb_pill/_pill.jsx";
1
+ import Pill from '../pb_pill/_pill.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Pill });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Pill })
@@ -1,4 +1,4 @@
1
- import ProgressPills from "../pb_progress_pills/_progress_pills.jsx";
1
+ import ProgressPills from '../pb_progress_pills/_progress_pills.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ ProgressPills });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ ProgressPills })
@@ -1,4 +1,4 @@
1
- import ProgressSimple from "../pb_progress_simple/_progress_simple.jsx";
1
+ import ProgressSimple from '../pb_progress_simple/_progress_simple.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ ProgressSimple });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ ProgressSimple })
@@ -1,4 +1,4 @@
1
- import SectionSeparator from "../pb_section_separator/_section_separator.jsx";
1
+ import SectionSeparator from '../pb_section_separator/_section_separator.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ SectionSeparator });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ SectionSeparator })
@@ -1,4 +1,4 @@
1
- import Select from "../pb_select/_select.jsx";
1
+ import Select from '../pb_select/_select.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Select });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Select })
@@ -1,4 +1,4 @@
1
- import SelectableCard from "../pb_selectable_card/_selectable_card.jsx";
1
+ import SelectableCard from '../pb_selectable_card/_selectable_card.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ SelectableCard });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ SelectableCard })
@@ -1,4 +1,4 @@
1
- import Source from "../pb_source/_source.jsx";
1
+ import Source from '../pb_source/_source.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Source });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Source })
@@ -1,4 +1,4 @@
1
- import StarRating from "../pb_star_rating/_star_rating.jsx";
1
+ import StarRating from '../pb_star_rating/_star_rating.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ StarRating });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ StarRating })
@@ -1,4 +1,4 @@
1
- import StatChange from "../pb_stat_change/_stat_change.jsx";
1
+ import StatChange from '../pb_stat_change/_stat_change.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ StatChange });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ StatChange })
@@ -1,4 +1,4 @@
1
- import StatValue from "../pb_stat_value/_stat_value.jsx";
1
+ import StatValue from '../pb_stat_value/_stat_value.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ StatValue });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ StatValue })
@@ -1,4 +1,4 @@
1
- import Table from "../pb_table/_table.jsx";
1
+ import Table from '../pb_table/_table.jsx'
2
2
 
3
3
  // Examples
4
4
  // import TableSm from "../pb_table/docs/_table_sm.jsx";
@@ -11,6 +11,6 @@ import Table from "../pb_table/_table.jsx";
11
11
  // import TableSingleLine from "../pb_table/docs/_table_single_line.jsx";
12
12
  // import TableMultiline from "../pb_table/docs/_table_multiline.jsx";
13
13
 
14
- import WebpackerReact from "webpacker-react";
14
+ import WebpackerReact from 'webpacker-react'
15
15
 
16
- WebpackerReact.setup({ Table });
16
+ WebpackerReact.setup({ Table })
@@ -1,4 +1,4 @@
1
- import TextInput from "../pb_text_input/_text_input.jsx";
2
- import WebpackerReact from "webpacker-react";
1
+ import TextInput from '../pb_text_input/_text_input.jsx'
2
+ import WebpackerReact from 'webpacker-react'
3
3
 
4
- WebpackerReact.setup({ TextInput });
4
+ WebpackerReact.setup({ TextInput })
@@ -1,4 +1,4 @@
1
- import Textarea from "../pb_textarea/_textarea.jsx";
1
+ import Textarea from '../pb_textarea/_textarea.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Textarea });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Textarea })
@@ -1,4 +1,4 @@
1
- import Time from "../pb_time/_time.jsx";
1
+ import Time from '../pb_time/_time.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Time });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Time })
@@ -1,4 +1,4 @@
1
- import Timestamp from "../pb_timestamp/_timestamp.jsx";
1
+ import Timestamp from '../pb_timestamp/_timestamp.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Timestamp });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Timestamp })
@@ -1,4 +1,4 @@
1
- import Title from "../pb_title/_title.jsx";
2
- import WebpackerReact from "webpacker-react";
1
+ import Title from '../pb_title/_title.jsx'
2
+ import WebpackerReact from 'webpacker-react'
3
3
 
4
- WebpackerReact.setup({ Title });
4
+ WebpackerReact.setup({ Title })
@@ -1,4 +1,4 @@
1
- import TitleCount from "../pb_title_count/_title_count.jsx";
1
+ import TitleCount from '../pb_title_count/_title_count.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ TitleCount });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ TitleCount })
@@ -1,4 +1,4 @@
1
- import TitleDetail from "../pb_title_detail/_title_detail.jsx";
1
+ import TitleDetail from '../pb_title_detail/_title_detail.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ TitleDetail });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ TitleDetail })
@@ -1,4 +1,4 @@
1
- import Toggle from "../pb_toggle/_toggle.jsx";
1
+ import Toggle from '../pb_toggle/_toggle.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ Toggle });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ Toggle })
@@ -1,4 +1,4 @@
1
- import User from "../pb_user/_user.jsx";
1
+ import User from '../pb_user/_user.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ User });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ User })
@@ -1,4 +1,4 @@
1
- import UserBadge from "../pb_user_badge/_user_badge.jsx";
1
+ import UserBadge from '../pb_user_badge/_user_badge.jsx'
2
2
 
3
- import WebpackerReact from "webpacker-react";
4
- WebpackerReact.setup({ UserBadge });
3
+ import WebpackerReact from 'webpacker-react'
4
+ WebpackerReact.setup({ UserBadge })
@@ -1,14 +1,16 @@
1
- import "../../../../fonts/fontawesome.min.js"
2
- import "../../../../fonts/regular.min.js"
3
- import "./main.scss"
4
- import "./kits.js"
5
- import "../vendor.js"
1
+ import '../../../../fonts/fontawesome.min.js'
2
+ import '../../../../fonts/regular.min.js'
3
+ import './main.scss'
4
+ import './kits.js'
5
+ import '../vendor.js'
6
6
 
7
7
  // Move to separate file
8
- $(document).on("click", "[data-toggle]", function(e) {
8
+ window.$(document).on('click', '[data-toggle]', function(e) {
9
9
  e.preventDefault()
10
- var kit_container = $(this).closest('.pb--doc')
11
- var toggle_target = $(this).data('toggle')
12
- $(kit_container).find('[data-action="toggle"]').hide()
13
- $(kit_container).find('[data-togglable="'+toggle_target+'"]').show()
10
+
11
+ var kitContainer = window.$(this).closest('.pb--doc')
12
+ var toggleTarget = window.$(this).data('toggle')
13
+
14
+ window.$(kitContainer).find('[data-action="toggle"]').hide()
15
+ window.$(kitContainer).find('[data-togglable="' + toggleTarget + '"]').show()
14
16
  })
@@ -4,7 +4,7 @@
4
4
  // KIT EXAMPLES
5
5
  // ===========================================
6
6
 
7
- import WebpackerReact from "webpacker-react";
7
+ import WebpackerReact from 'webpacker-react'
8
8
 
9
9
  //
10
10
  // ===========================================
@@ -12,118 +12,118 @@ import WebpackerReact from "webpacker-react";
12
12
  // Generated file from kit generator.
13
13
  // KIT EXAMPLES
14
14
 
15
- import * as avatar from "pb_avatar/docs";
16
- import * as Badge from "pb_badge/docs";
17
- import * as BarGraph from "pb_bar_graph/docs";
18
- import * as body from "pb_body/docs";
19
- import * as button from "pb_button/docs";
20
- import * as caption from "pb_caption/docs";
21
- import * as card from "pb_card/docs";
22
- import * as Checkbox from "pb_checkbox/docs";
23
- import * as CircleIconButton from "pb_circle_icon_button/docs";
24
- import * as Contact from "pb_contact/docs";
25
- import * as Currency from "pb_currency/docs";
26
- import * as DashboardValue from "pb_dashboard_value/docs";
27
- import * as Date from "pb_date/docs";
28
- import * as DateRangeInline from "pb_date_range_inline/docs";
29
- import * as DateStacked from "pb_date_stacked/docs";
30
- import * as DateYearStacked from "pb_date_year_stacked/docs";
31
- import * as DistributionBar from "pb_distribution_bar/docs";
32
- import * as FixedConfirmationToast from "pb_fixed_confirmation_toast/docs";
33
- import * as Hashtag from "pb_hashtag/docs";
34
- import * as HomeAddressStreet from "pb_home_address_street/docs";
35
- import * as Icon from "pb_icon/docs";
36
- import * as IconCircle from "pb_icon_circle/docs";
37
- import * as IconValue from "pb_icon_value/docs";
38
- import * as image from "pb_image/docs";
39
- import * as LabelPill from "pb_label_pill/docs";
40
- import * as LabelValue from "pb_label_value/docs";
41
- import * as layout from "pb_layout/docs";
42
- import * as LineGraph from "pb_line_graph/docs";
43
- import * as list from "pb_list/docs";
44
- import * as LoadingInline from "pb_loading_inline/docs";
45
- import * as Message from "pb_message/docs";
46
- import * as MultipleUsers from "pb_multiple_users/docs";
47
- import * as Nav from "pb_nav/docs";
48
- import * as OnlineStatus from "pb_online_status/docs";
49
- import * as Person from "pb_person/docs";
50
- import * as PersonContact from "pb_person_contact/docs";
51
- import * as Pill from "pb_pill/docs";
52
- import * as ProgressPills from "pb_progress_pills/docs";
53
- import * as ProgressSimple from "pb_progress_simple/docs";
54
- import * as SectionSeparator from "pb_section_separator/docs";
55
- import * as Select from "pb_select/docs";
56
- import * as SelectableCard from "pb_selectable_card/docs";
57
- import * as Source from "pb_source/docs";
58
- import * as StarRating from "pb_star_rating/docs";
59
- import * as StatChange from "pb_stat_change/docs";
60
- import * as StatValue from "pb_stat_value/docs";
61
- import * as table from "pb_table/docs";
62
- import * as Textarea from "pb_textarea/docs";
63
- import * as TextInput from "pb_text_input/docs";
64
- import * as Time from "pb_time/docs";
65
- import * as Timestamp from "pb_timestamp/docs";
66
- import * as title from "pb_title/docs";
67
- import * as TitleCount from "pb_title_count/docs";
68
- import * as TitleDetail from "pb_title_detail/docs";
69
- import * as Toggle from "pb_toggle/docs";
70
- import * as User from "pb_user/docs";
71
- import * as UserBadge from "pb_user_badge/docs";
15
+ import * as avatar from 'pb_avatar/docs'
16
+ import * as Badge from 'pb_badge/docs'
17
+ import * as BarGraph from 'pb_bar_graph/docs'
18
+ import * as body from 'pb_body/docs'
19
+ import * as button from 'pb_button/docs'
20
+ import * as caption from 'pb_caption/docs'
21
+ import * as card from 'pb_card/docs'
22
+ import * as Checkbox from 'pb_checkbox/docs'
23
+ import * as CircleIconButton from 'pb_circle_icon_button/docs'
24
+ import * as Contact from 'pb_contact/docs'
25
+ import * as Currency from 'pb_currency/docs'
26
+ import * as DashboardValue from 'pb_dashboard_value/docs'
27
+ import * as Date from 'pb_date/docs'
28
+ import * as DateRangeInline from 'pb_date_range_inline/docs'
29
+ import * as DateStacked from 'pb_date_stacked/docs'
30
+ import * as DateYearStacked from 'pb_date_year_stacked/docs'
31
+ import * as DistributionBar from 'pb_distribution_bar/docs'
32
+ import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
33
+ import * as Hashtag from 'pb_hashtag/docs'
34
+ import * as HomeAddressStreet from 'pb_home_address_street/docs'
35
+ import * as Icon from 'pb_icon/docs'
36
+ import * as IconCircle from 'pb_icon_circle/docs'
37
+ import * as IconValue from 'pb_icon_value/docs'
38
+ import * as image from 'pb_image/docs'
39
+ import * as LabelPill from 'pb_label_pill/docs'
40
+ import * as LabelValue from 'pb_label_value/docs'
41
+ import * as layout from 'pb_layout/docs'
42
+ import * as LineGraph from 'pb_line_graph/docs'
43
+ import * as list from 'pb_list/docs'
44
+ import * as LoadingInline from 'pb_loading_inline/docs'
45
+ import * as Message from 'pb_message/docs'
46
+ import * as MultipleUsers from 'pb_multiple_users/docs'
47
+ import * as Nav from 'pb_nav/docs'
48
+ import * as OnlineStatus from 'pb_online_status/docs'
49
+ import * as Person from 'pb_person/docs'
50
+ import * as PersonContact from 'pb_person_contact/docs'
51
+ import * as Pill from 'pb_pill/docs'
52
+ import * as ProgressPills from 'pb_progress_pills/docs'
53
+ import * as ProgressSimple from 'pb_progress_simple/docs'
54
+ import * as SectionSeparator from 'pb_section_separator/docs'
55
+ import * as Select from 'pb_select/docs'
56
+ import * as SelectableCard from 'pb_selectable_card/docs'
57
+ import * as Source from 'pb_source/docs'
58
+ import * as StarRating from 'pb_star_rating/docs'
59
+ import * as StatChange from 'pb_stat_change/docs'
60
+ import * as StatValue from 'pb_stat_value/docs'
61
+ import * as table from 'pb_table/docs'
62
+ import * as Textarea from 'pb_textarea/docs'
63
+ import * as TextInput from 'pb_text_input/docs'
64
+ import * as Time from 'pb_time/docs'
65
+ import * as Timestamp from 'pb_timestamp/docs'
66
+ import * as title from 'pb_title/docs'
67
+ import * as TitleCount from 'pb_title_count/docs'
68
+ import * as TitleDetail from 'pb_title_detail/docs'
69
+ import * as Toggle from 'pb_toggle/docs'
70
+ import * as User from 'pb_user/docs'
71
+ import * as UserBadge from 'pb_user_badge/docs'
72
72
 
73
- WebpackerReact.setup (avatar);
74
- WebpackerReact.setup (Badge);
75
- WebpackerReact.setup (BarGraph);
76
- WebpackerReact.setup (body);
77
- WebpackerReact.setup (button);
78
- WebpackerReact.setup (caption);
79
- WebpackerReact.setup (card);
80
- WebpackerReact.setup (Checkbox);
81
- WebpackerReact.setup (CircleIconButton);
82
- WebpackerReact.setup (Contact);
83
- WebpackerReact.setup (Currency);
84
- WebpackerReact.setup (DashboardValue);
85
- WebpackerReact.setup (Date);
86
- WebpackerReact.setup (DateRangeInline);
87
- WebpackerReact.setup (DateStacked);
88
- WebpackerReact.setup (DateYearStacked);
89
- WebpackerReact.setup (DistributionBar);
90
- WebpackerReact.setup (FixedConfirmationToast);
91
- WebpackerReact.setup (Hashtag);
92
- WebpackerReact.setup (HomeAddressStreet);
93
- WebpackerReact.setup (Icon);
94
- WebpackerReact.setup (IconCircle);
95
- WebpackerReact.setup (IconValue);
96
- WebpackerReact.setup (image);
97
- WebpackerReact.setup (LabelPill);
98
- WebpackerReact.setup (LabelValue);
99
- WebpackerReact.setup (layout);
100
- WebpackerReact.setup (LineGraph);
101
- WebpackerReact.setup (list);
102
- WebpackerReact.setup (LoadingInline);
103
- WebpackerReact.setup (Message);
104
- WebpackerReact.setup (MultipleUsers);
105
- WebpackerReact.setup (Nav);
106
- WebpackerReact.setup (OnlineStatus);
107
- WebpackerReact.setup (Person);
108
- WebpackerReact.setup (PersonContact);
109
- WebpackerReact.setup (Pill);
110
- WebpackerReact.setup (ProgressPills);
111
- WebpackerReact.setup (ProgressSimple);
112
- WebpackerReact.setup (SectionSeparator);
113
- WebpackerReact.setup (Select);
114
- WebpackerReact.setup (SelectableCard);
115
- WebpackerReact.setup (Source);
116
- WebpackerReact.setup (StarRating);
117
- WebpackerReact.setup (StatChange);
118
- WebpackerReact.setup (StatValue);
119
- WebpackerReact.setup (table);
120
- WebpackerReact.setup (Textarea);
121
- WebpackerReact.setup (TextInput);
122
- WebpackerReact.setup (Time);
123
- WebpackerReact.setup (Timestamp);
124
- WebpackerReact.setup (title);
125
- WebpackerReact.setup (TitleCount);
126
- WebpackerReact.setup (TitleDetail);
127
- WebpackerReact.setup (Toggle);
128
- WebpackerReact.setup (User);
129
- WebpackerReact.setup (UserBadge);
73
+ WebpackerReact.setup(avatar)
74
+ WebpackerReact.setup(Badge)
75
+ WebpackerReact.setup(BarGraph)
76
+ WebpackerReact.setup(body)
77
+ WebpackerReact.setup(button)
78
+ WebpackerReact.setup(caption)
79
+ WebpackerReact.setup(card)
80
+ WebpackerReact.setup(Checkbox)
81
+ WebpackerReact.setup(CircleIconButton)
82
+ WebpackerReact.setup(Contact)
83
+ WebpackerReact.setup(Currency)
84
+ WebpackerReact.setup(DashboardValue)
85
+ WebpackerReact.setup(Date)
86
+ WebpackerReact.setup(DateRangeInline)
87
+ WebpackerReact.setup(DateStacked)
88
+ WebpackerReact.setup(DateYearStacked)
89
+ WebpackerReact.setup(DistributionBar)
90
+ WebpackerReact.setup(FixedConfirmationToast)
91
+ WebpackerReact.setup(Hashtag)
92
+ WebpackerReact.setup(HomeAddressStreet)
93
+ WebpackerReact.setup(Icon)
94
+ WebpackerReact.setup(IconCircle)
95
+ WebpackerReact.setup(IconValue)
96
+ WebpackerReact.setup(image)
97
+ WebpackerReact.setup(LabelPill)
98
+ WebpackerReact.setup(LabelValue)
99
+ WebpackerReact.setup(layout)
100
+ WebpackerReact.setup(LineGraph)
101
+ WebpackerReact.setup(list)
102
+ WebpackerReact.setup(LoadingInline)
103
+ WebpackerReact.setup(Message)
104
+ WebpackerReact.setup(MultipleUsers)
105
+ WebpackerReact.setup(Nav)
106
+ WebpackerReact.setup(OnlineStatus)
107
+ WebpackerReact.setup(Person)
108
+ WebpackerReact.setup(PersonContact)
109
+ WebpackerReact.setup(Pill)
110
+ WebpackerReact.setup(ProgressPills)
111
+ WebpackerReact.setup(ProgressSimple)
112
+ WebpackerReact.setup(SectionSeparator)
113
+ WebpackerReact.setup(Select)
114
+ WebpackerReact.setup(SelectableCard)
115
+ WebpackerReact.setup(Source)
116
+ WebpackerReact.setup(StarRating)
117
+ WebpackerReact.setup(StatChange)
118
+ WebpackerReact.setup(StatValue)
119
+ WebpackerReact.setup(table)
120
+ WebpackerReact.setup(Textarea)
121
+ WebpackerReact.setup(TextInput)
122
+ WebpackerReact.setup(Time)
123
+ WebpackerReact.setup(Timestamp)
124
+ WebpackerReact.setup(title)
125
+ WebpackerReact.setup(TitleCount)
126
+ WebpackerReact.setup(TitleDetail)
127
+ WebpackerReact.setup(Toggle)
128
+ WebpackerReact.setup(User)
129
+ WebpackerReact.setup(UserBadge)