playbook_ui 6.1.0 → 6.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (321) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/data/menu.yml +4 -3
  3. data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +0 -1
  4. data/app/pb_kits/playbook/pb_avatar/_avatar.jsx +4 -4
  5. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.html.erb +7 -4
  6. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.jsx +38 -30
  7. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +3 -0
  8. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb +17 -0
  9. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx +21 -0
  10. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb +9 -0
  11. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx +14 -0
  12. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb +15 -0
  13. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx +16 -0
  14. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb +31 -0
  15. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx +33 -0
  16. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb +12 -0
  17. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +10 -3
  18. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +4 -0
  19. data/app/pb_kits/playbook/pb_badge/_badge.jsx +6 -10
  20. data/app/pb_kits/playbook/pb_badge/docs/_description.md +1 -0
  21. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +16 -16
  22. data/app/pb_kits/playbook/pb_body/_body.jsx +9 -9
  23. data/app/pb_kits/playbook/pb_body/_body.scss +28 -9
  24. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +6 -3
  25. data/app/pb_kits/playbook/pb_body/body.rb +3 -3
  26. data/app/pb_kits/playbook/pb_button/_button.jsx +15 -15
  27. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +31 -17
  28. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.jsx +6 -6
  29. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +16 -8
  30. data/app/pb_kits/playbook/pb_caption/_caption.jsx +7 -5
  31. data/app/pb_kits/playbook/pb_caption/_caption.scss +6 -0
  32. data/app/pb_kits/playbook/pb_caption/caption.rb +4 -1
  33. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb +1 -0
  34. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx +16 -0
  35. data/app/pb_kits/playbook/pb_caption/docs/_caption_variants.md +3 -0
  36. data/app/pb_kits/playbook/pb_caption/docs/example.yml +2 -0
  37. data/app/pb_kits/playbook/pb_caption/docs/index.js +1 -0
  38. data/app/pb_kits/playbook/pb_card/_card.jsx +20 -24
  39. data/app/pb_kits/playbook/pb_card/_card.scss +1 -1
  40. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +5 -4
  41. data/app/pb_kits/playbook/pb_card/card_header.rb +3 -3
  42. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +38 -7
  43. data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +54 -6
  44. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  45. data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb +1 -1
  46. data/app/pb_kits/playbook/pb_checkbox/_checkbox.jsx +9 -9
  47. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +12 -6
  48. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +5 -0
  49. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +7 -7
  50. data/app/pb_kits/playbook/pb_contact/_contact.jsx +5 -5
  51. data/app/pb_kits/playbook/pb_currency/_currency.jsx +7 -7
  52. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx +7 -7
  53. data/app/pb_kits/playbook/pb_date/_date.html.erb +32 -8
  54. data/app/pb_kits/playbook/pb_date/_date.jsx +76 -67
  55. data/app/pb_kits/playbook/pb_date/_date.scss +25 -0
  56. data/app/pb_kits/playbook/pb_date/date.rb +20 -11
  57. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +24 -0
  58. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +32 -0
  59. data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +1 -9
  60. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx +20 -0
  61. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.md +3 -0
  62. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +51 -0
  63. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +6 -0
  64. data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +27 -0
  65. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +39 -0
  66. data/app/pb_kits/playbook/pb_date/docs/_description.md +2 -0
  67. data/app/pb_kits/playbook/pb_date/docs/example.yml +6 -2
  68. data/app/pb_kits/playbook/pb_date/docs/index.js +3 -1
  69. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx +5 -5
  70. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.jsx +6 -6
  71. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.jsx +6 -6
  72. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx +4 -4
  73. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_dark.jsx +1 -1
  74. data/app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx +1 -1
  75. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +5 -5
  76. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.jsx +4 -4
  77. data/app/pb_kits/playbook/pb_file_upload/_file_upload.jsx +3 -3
  78. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.html.erb +1 -0
  79. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx +4 -4
  80. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb +21 -0
  81. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx +40 -0
  82. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb +5 -0
  83. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx +16 -0
  84. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +4 -1
  85. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js +2 -0
  86. data/app/pb_kits/playbook/pb_flex/_flex.jsx +6 -6
  87. data/app/pb_kits/playbook/pb_flex/_flex_item.jsx +4 -4
  88. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  89. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  90. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +3 -1
  91. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +3 -1
  92. data/app/pb_kits/playbook/pb_form/form_builder.rb +1 -0
  93. data/app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb +29 -0
  94. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +6 -6
  95. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +5 -2
  96. data/app/pb_kits/playbook/pb_gauge/_gauge.jsx +14 -14
  97. data/app/pb_kits/playbook/pb_hashtag/_hashtag.html.erb +4 -4
  98. data/app/pb_kits/playbook/pb_hashtag/_hashtag.jsx +27 -13
  99. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_dark.jsx +3 -0
  100. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +3 -0
  101. data/app/pb_kits/playbook/pb_hashtag/hashtag.rb +1 -6
  102. data/app/pb_kits/playbook/pb_highlight/_highlight.jsx +5 -5
  103. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.jsx +11 -11
  104. data/app/pb_kits/playbook/pb_icon/_icon.jsx +9 -9
  105. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb +3 -1
  106. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx +7 -5
  107. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.html.erb +4 -3
  108. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.jsx +21 -6
  109. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +4 -1
  110. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.html.erb +42 -0
  111. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx +59 -0
  112. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.html.erb +4 -0
  113. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx +16 -0
  114. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb +4 -4
  115. data/app/pb_kits/playbook/pb_icon_circle/docs/{_icon_circle_size.jsx → _icon_circle_sizes.jsx} +2 -2
  116. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.html.erb +29 -0
  117. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.jsx +34 -0
  118. data/app/pb_kits/playbook/pb_icon_circle/docs/example.yml +8 -1
  119. data/app/pb_kits/playbook/pb_icon_circle/docs/index.js +4 -1
  120. data/app/pb_kits/playbook/pb_icon_value/_icon_value.html.erb +4 -3
  121. data/app/pb_kits/playbook/pb_icon_value/_icon_value.jsx +9 -3
  122. data/app/pb_kits/playbook/pb_icon_value/_icon_value.scss +3 -0
  123. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx +31 -0
  124. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.html.erb +23 -0
  125. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.jsx +34 -0
  126. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.html.erb +21 -0
  127. data/app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.jsx +32 -0
  128. data/app/pb_kits/playbook/pb_icon_value/docs/example.yml +5 -0
  129. data/app/pb_kits/playbook/pb_icon_value/docs/index.js +3 -0
  130. data/app/pb_kits/playbook/pb_image/_image.jsx +4 -4
  131. data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +4 -4
  132. data/app/pb_kits/playbook/pb_label_value/_label_value.html.erb +1 -1
  133. data/app/pb_kits/playbook/pb_label_value/_label_value.jsx +14 -18
  134. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
  135. data/app/pb_kits/playbook/pb_label_value/label_value.rb +1 -6
  136. data/app/pb_kits/playbook/pb_layout/_layout.jsx +14 -14
  137. data/app/pb_kits/playbook/pb_legend/_legend.jsx +10 -10
  138. data/app/pb_kits/playbook/pb_legend/legend.rb +1 -6
  139. data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +17 -17
  140. data/app/pb_kits/playbook/pb_list/_list.jsx +10 -10
  141. data/app/pb_kits/playbook/pb_list/_list_item.jsx +4 -4
  142. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.jsx +4 -4
  143. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +7 -7
  144. data/app/pb_kits/playbook/pb_message/_message.jsx +8 -8
  145. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.html.erb +4 -3
  146. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx +30 -12
  147. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +6 -0
  148. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb +41 -0
  149. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx +52 -0
  150. data/app/pb_kits/playbook/pb_multiple_users/docs/example.yml +2 -0
  151. data/app/pb_kits/playbook/pb_multiple_users/docs/index.js +1 -0
  152. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.html.erb +6 -4
  153. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx +21 -10
  154. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +12 -7
  155. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb +53 -0
  156. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx +62 -0
  157. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +2 -0
  158. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +1 -0
  159. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +6 -4
  160. data/app/pb_kits/playbook/pb_nav/_item.html.erb +3 -2
  161. data/app/pb_kits/playbook/pb_nav/_item.jsx +37 -15
  162. data/app/pb_kits/playbook/pb_nav/_nav.html.erb +3 -2
  163. data/app/pb_kits/playbook/pb_nav/_nav.jsx +34 -15
  164. data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +18 -14
  165. data/app/pb_kits/playbook/pb_nav/docs/example.yml +1 -0
  166. data/app/pb_kits/playbook/pb_online_status/_online_status.html.erb +3 -2
  167. data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +16 -6
  168. data/app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss +5 -2
  169. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb +9 -0
  170. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx +28 -0
  171. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +2 -0
  172. data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
  173. data/app/pb_kits/playbook/pb_person/_person.jsx +4 -4
  174. data/app/pb_kits/playbook/pb_person_contact/_person_contact.jsx +9 -9
  175. data/app/pb_kits/playbook/pb_pill/_pill.html.erb +3 -2
  176. data/app/pb_kits/playbook/pb_pill/_pill.jsx +24 -6
  177. data/app/pb_kits/playbook/pb_pill/_pill.scss +1 -1
  178. data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb +52 -0
  179. data/app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx +69 -0
  180. data/app/pb_kits/playbook/pb_pill/docs/example.yml +3 -1
  181. data/app/pb_kits/playbook/pb_pill/docs/index.js +1 -0
  182. data/app/pb_kits/playbook/pb_popover/_popover.html.erb +3 -2
  183. data/app/pb_kits/playbook/pb_popover/_popover.jsx +20 -8
  184. data/app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.html.erb +43 -0
  185. data/app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.jsx +102 -0
  186. data/app/pb_kits/playbook/pb_popover/docs/_popover_dark.html.erb +25 -0
  187. data/app/pb_kits/playbook/pb_popover/docs/_popover_dark.jsx +48 -0
  188. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb +1 -0
  189. data/app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.html.erb +13 -0
  190. data/app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.jsx +51 -0
  191. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.html.erb +25 -0
  192. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx +54 -0
  193. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.html.erb +14 -0
  194. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.jsx +52 -0
  195. data/app/pb_kits/playbook/pb_popover/docs/example.yml +10 -0
  196. data/app/pb_kits/playbook/pb_popover/docs/index.js +5 -0
  197. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.html.erb +1 -1
  198. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.jsx +9 -10
  199. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +1 -2
  200. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb +1 -0
  201. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx +19 -0
  202. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +2 -0
  203. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +1 -0
  204. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +2 -13
  205. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.jsx +9 -9
  206. data/app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb +1 -1
  207. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +10 -11
  208. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +129 -366
  209. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +4 -16
  210. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +11 -21
  211. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +5 -1
  212. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb +26 -0
  213. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +20 -6
  214. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +3 -15
  215. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb +11 -0
  216. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx +23 -0
  217. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +7 -1
  218. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +2 -1
  219. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +1 -0
  220. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +9 -6
  221. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +2 -1
  222. data/app/pb_kits/playbook/pb_radio/_radio.html.erb +6 -5
  223. data/app/pb_kits/playbook/pb_radio/_radio.jsx +19 -14
  224. data/app/pb_kits/playbook/pb_radio/_radio.scss +10 -5
  225. data/app/pb_kits/playbook/pb_radio/docs/_radio_dark.jsx +5 -3
  226. data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +3 -1
  227. data/app/pb_kits/playbook/pb_radio/radio.rb +2 -8
  228. data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx +4 -4
  229. data/app/pb_kits/playbook/pb_select/_select.html.erb +3 -3
  230. data/app/pb_kits/playbook/pb_select/_select.jsx +6 -8
  231. data/app/pb_kits/playbook/pb_select/_select.scss +9 -5
  232. data/app/pb_kits/playbook/pb_select/select.rb +1 -6
  233. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx +13 -13
  234. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +6 -3
  235. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +21 -17
  236. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +19 -15
  237. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +35 -37
  238. data/app/pb_kits/playbook/pb_source/_source.jsx +4 -4
  239. data/app/pb_kits/playbook/pb_star_rating/_star_rating.jsx +6 -6
  240. data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +3 -3
  241. data/app/pb_kits/playbook/pb_stat_value/_stat_value.jsx +4 -4
  242. data/app/pb_kits/playbook/pb_table/_table.html.erb +3 -2
  243. data/app/pb_kits/playbook/pb_table/_table.jsx +16 -3
  244. data/app/pb_kits/playbook/pb_table/_table_row.html.erb +3 -2
  245. data/app/pb_kits/playbook/pb_table/_table_row.jsx +25 -7
  246. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +15 -12
  247. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +6 -4
  248. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +6 -4
  249. data/app/pb_kits/playbook/pb_table/table.rb +3 -5
  250. data/app/pb_kits/playbook/pb_text_input/_text_input.html.erb +1 -0
  251. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +17 -14
  252. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +5 -5
  253. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb +1 -0
  254. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx +18 -0
  255. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +2 -0
  256. data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
  257. data/app/pb_kits/playbook/pb_text_input/text_input.rb +1 -7
  258. data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +22 -20
  259. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -3
  260. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark.jsx +0 -1
  261. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_dark_error.jsx +0 -1
  262. data/app/pb_kits/playbook/pb_textarea/textarea.rb +1 -7
  263. data/app/pb_kits/playbook/pb_time/_time.jsx +11 -9
  264. data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +0 -2
  265. data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +1 -3
  266. data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +0 -3
  267. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +59 -0
  268. data/app/pb_kits/playbook/pb_time/docs/_time_timezone.md +11 -0
  269. data/app/pb_kits/playbook/pb_time/docs/example.yml +1 -0
  270. data/app/pb_kits/playbook/pb_time/docs/index.js +1 -0
  271. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.jsx +8 -8
  272. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.jsx +5 -5
  273. data/app/pb_kits/playbook/pb_timeline/_item.jsx +2 -2
  274. data/app/pb_kits/playbook/pb_timeline/_timeline.jsx +6 -6
  275. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +3 -3
  276. data/app/pb_kits/playbook/pb_title/_title.jsx +5 -5
  277. data/app/pb_kits/playbook/pb_title/_title.scss +5 -5
  278. data/app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb +1 -0
  279. data/app/pb_kits/playbook/pb_title/docs/_title_variants.jsx +17 -0
  280. data/app/pb_kits/playbook/pb_title/docs/_title_variants.md +3 -0
  281. data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
  282. data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
  283. data/app/pb_kits/playbook/pb_title_count/_title_count.html.erb +5 -3
  284. data/app/pb_kits/playbook/pb_title_count/_title_count.jsx +10 -4
  285. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb +23 -0
  286. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx +34 -0
  287. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb +23 -0
  288. data/app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx +34 -0
  289. data/app/pb_kits/playbook/pb_title_count/docs/example.yml +4 -0
  290. data/app/pb_kits/playbook/pb_title_count/docs/index.js +2 -0
  291. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb +19 -0
  292. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx +29 -0
  293. data/app/pb_kits/playbook/pb_toggle/_toggle.jsx +5 -5
  294. data/app/pb_kits/playbook/pb_tooltip/index.js +1 -1
  295. data/app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb +2 -3
  296. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +5 -3
  297. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb +0 -1
  298. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -9
  299. data/app/pb_kits/playbook/pb_user/_user.html.erb +3 -2
  300. data/app/pb_kits/playbook/pb_user/_user.jsx +49 -15
  301. data/app/pb_kits/playbook/pb_user/docs/_user_dark.jsx +55 -0
  302. data/app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx +26 -0
  303. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  304. data/app/pb_kits/playbook/pb_user/docs/index.js +2 -0
  305. data/app/pb_kits/playbook/pb_user/user.rb +1 -7
  306. data/app/pb_kits/playbook/pb_user_badge/_user_badge.html.erb +3 -2
  307. data/app/pb_kits/playbook/pb_user_badge/_user_badge.jsx +24 -4
  308. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb +13 -0
  309. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx +27 -0
  310. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.html.erb +21 -0
  311. data/app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.jsx +36 -0
  312. data/app/pb_kits/playbook/pb_user_badge/docs/example.yml +4 -0
  313. data/app/pb_kits/playbook/pb_user_badge/docs/index.js +2 -0
  314. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.html.erb +3 -2
  315. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.jsx +25 -11
  316. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb +0 -3
  317. data/app/views/playbook/pages/tokens/_pb_doc_spacing.html.slim +44 -0
  318. data/lib/generators/kit/templates/kit_jsx.erb.tt +2 -2
  319. data/lib/playbook/version.rb +1 -1
  320. metadata +97 -5
  321. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +0 -28
@@ -13,9 +13,6 @@ module Playbook
13
13
  values: %w[left center right],
14
14
  default: "left"
15
15
 
16
- prop :dark, type: Playbook::Props::Boolean,
17
- default: false
18
-
19
16
  prop :date, type: Playbook::Props::Date,
20
17
  default: ::Date.current
21
18
 
@@ -15,3 +15,47 @@ ul.pb--tokens-spacing
15
15
  li class=(item[:dark] == true ? "dark" : "") data-name="#{item[:name]}" data-variable="#{variable}"
16
16
  div
17
17
  div class="pb--spacing_#{item[:class]}"
18
+
19
+ = pb_rails("title", props: { text: "Spacing Props in Kits", tag: "h4", size: 4, padding_top: "sm" })
20
+ br
21
+ ul.pb_card_kit_shadow_deep_deselected.p_md
22
+ markdown:
23
+ Rails kits the following spacing props:<br/>
24
+ `margin`<br/>
25
+ `margin_bottom`<br/>
26
+ `margin_left`<br/>
27
+ `margin_right`<br/>
28
+ `margin_top`<br/>
29
+ `margin_x`<br/>
30
+ `margin_y`<br/>
31
+ `padding`<br/>
32
+ `padding_bottom`<br/>
33
+ `padding_left`<br/>
34
+ `padding_right`<br/>
35
+ `padding_top`<br/>
36
+ `padding_x`<br/>
37
+ `padding_y`<br/>
38
+
39
+
40
+ <br/>
41
+ React kits have the following spacing props:<br/>
42
+ `margin`<br/>
43
+ `marginBottom`<br/>
44
+ `marginLeft`<br/>
45
+ `marginRight`<br/>
46
+ `marginTop`<br/>
47
+ `marginX`<br/>
48
+ `marginY`<br/>
49
+ `padding`<br/>
50
+ `paddingBottom`<br/>
51
+ `paddingLeft`<br/>
52
+ `paddingRight`<br/>
53
+ `paddingTop`<br/>
54
+ `paddingX`<br/>
55
+ `paddingY`<br/>
56
+
57
+ <br/>
58
+
59
+ The values possible are: `"none", "xs", "sm", "md", "lg", "xl"`
60
+
61
+
@@ -9,9 +9,9 @@ props_types = @kit_props.map do |key, val|
9
9
  prop_name = key == "classname" ? "className" : key.camelize(:lower)
10
10
  prop_type = case val
11
11
  when "enum", "one_of" then "'option_1' | 'option_2'"
12
- when "boolean", "bool" then "Boolean"
12
+ when "boolean", "bool" then "boolean"
13
13
  when "object", "obj" then "object"
14
- else "String"
14
+ else "string"
15
15
  end
16
16
 
17
17
  "#{prop_name}?: #{prop_type}"
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "6.1.0"
4
+ VERSION = "6.4.0"
5
5
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 6.1.0
4
+ version: 6.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2020-08-07 00:00:00.000000000 Z
12
+ date: 2020-08-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -71,6 +71,20 @@ dependencies:
71
71
  - - "<"
72
72
  - !ruby/object:Gem::Version
73
73
  version: '7.0'
74
+ - !ruby/object:Gem::Dependency
75
+ name: github_changelog_generator
76
+ requirement: !ruby/object:Gem::Requirement
77
+ requirements:
78
+ - - '='
79
+ - !ruby/object:Gem::Version
80
+ version: 1.15.2
81
+ type: :runtime
82
+ prerelease: false
83
+ version_requirements: !ruby/object:Gem::Requirement
84
+ requirements:
85
+ - - '='
86
+ - !ruby/object:Gem::Version
87
+ version: 1.15.2
74
88
  - !ruby/object:Gem::Dependency
75
89
  name: react-rails
76
90
  requirement: !ruby/object:Gem::Requirement
@@ -441,13 +455,22 @@ files:
441
455
  - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
442
456
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
443
457
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
458
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.html.erb
459
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions_dark.jsx
460
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.html.erb
461
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_dark.jsx
444
462
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
445
463
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
446
464
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
465
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.html.erb
466
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click_dark.jsx
447
467
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
448
468
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
449
469
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
470
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.html.erb
471
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement_dark.jsx
450
472
  - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
473
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip_dark.html.erb
451
474
  - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
452
475
  - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
453
476
  - app/pb_kits/playbook/pb_badge/_badge.html.erb
@@ -462,6 +485,7 @@ files:
462
485
  - app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx
463
486
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.html.erb
464
487
  - app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx
488
+ - app/pb_kits/playbook/pb_badge/docs/_description.md
465
489
  - app/pb_kits/playbook/pb_badge/docs/example.yml
466
490
  - app/pb_kits/playbook/pb_badge/docs/index.js
467
491
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.html.erb
@@ -546,6 +570,9 @@ files:
546
570
  - app/pb_kits/playbook/pb_caption/docs/_caption_dark.jsx
547
571
  - app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
548
572
  - app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
573
+ - app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
574
+ - app/pb_kits/playbook/pb_caption/docs/_caption_variants.jsx
575
+ - app/pb_kits/playbook/pb_caption/docs/_caption_variants.md
549
576
  - app/pb_kits/playbook/pb_caption/docs/_description.md
550
577
  - app/pb_kits/playbook/pb_caption/docs/_footer.md
551
578
  - app/pb_kits/playbook/pb_caption/docs/example.yml
@@ -675,8 +702,15 @@ files:
675
702
  - app/pb_kits/playbook/pb_date/_date.jsx
676
703
  - app/pb_kits/playbook/pb_date/_date.scss
677
704
  - app/pb_kits/playbook/pb_date/date.rb
705
+ - app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb
706
+ - app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
678
707
  - app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
679
- - app/pb_kits/playbook/pb_date/docs/_date_default.jsx
708
+ - app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx
709
+ - app/pb_kits/playbook/pb_date/docs/_date_default_react.md
710
+ - app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
711
+ - app/pb_kits/playbook/pb_date/docs/_date_timezone.md
712
+ - app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb
713
+ - app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
680
714
  - app/pb_kits/playbook/pb_date/docs/_description.md
681
715
  - app/pb_kits/playbook/pb_date/docs/example.yml
682
716
  - app/pb_kits/playbook/pb_date/docs/index.js
@@ -792,11 +826,15 @@ files:
792
826
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
793
827
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
794
828
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
829
+ - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.html.erb
830
+ - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dark.jsx
795
831
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
796
832
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
797
833
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
798
834
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
799
835
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
836
+ - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.html.erb
837
+ - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_dark.jsx
800
838
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
801
839
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
802
840
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.rb
@@ -844,6 +882,7 @@ files:
844
882
  - app/pb_kits/playbook/pb_form/form/simple_form_form.rb
845
883
  - app/pb_kits/playbook/pb_form/form_builder.rb
846
884
  - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
885
+ - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
847
886
  - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
848
887
  - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
849
888
  - app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
@@ -961,10 +1000,16 @@ files:
961
1000
  - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
962
1001
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.html.erb
963
1002
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx
1003
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.html.erb
1004
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx
1005
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.html.erb
1006
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx
964
1007
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.html.erb
965
1008
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx
966
- - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_size.jsx
967
1009
  - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb
1010
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx
1011
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.html.erb
1012
+ - app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes_dark.jsx
968
1013
  - app/pb_kits/playbook/pb_icon_circle/docs/example.yml
969
1014
  - app/pb_kits/playbook/pb_icon_circle/docs/index.js
970
1015
  - app/pb_kits/playbook/pb_icon_circle/icon_circle.rb
@@ -973,6 +1018,11 @@ files:
973
1018
  - app/pb_kits/playbook/pb_icon_value/_icon_value.scss
974
1019
  - app/pb_kits/playbook/pb_icon_value/docs/_description.md
975
1020
  - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.html.erb
1021
+ - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align.jsx
1022
+ - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.html.erb
1023
+ - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_align_dark.jsx
1024
+ - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.html.erb
1025
+ - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_dark.jsx
976
1026
  - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.html.erb
977
1027
  - app/pb_kits/playbook/pb_icon_value/docs/_icon_value_default.jsx
978
1028
  - app/pb_kits/playbook/pb_icon_value/docs/example.yml
@@ -1154,6 +1204,8 @@ files:
1154
1204
  - app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
1155
1205
  - app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
1156
1206
  - app/pb_kits/playbook/pb_multiple_users/docs/_description.md
1207
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.html.erb
1208
+ - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_dark.jsx
1157
1209
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.html.erb
1158
1210
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx
1159
1211
  - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.html.erb
@@ -1165,6 +1217,8 @@ files:
1165
1217
  - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.jsx
1166
1218
  - app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss
1167
1219
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_description.md
1220
+ - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.html.erb
1221
+ - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_dark.jsx
1168
1222
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.html.erb
1169
1223
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
1170
1224
  - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
@@ -1205,6 +1259,8 @@ files:
1205
1259
  - app/pb_kits/playbook/pb_online_status/_online_status.scss
1206
1260
  - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
1207
1261
  - app/pb_kits/playbook/pb_online_status/docs/_description.md
1262
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.html.erb
1263
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_dark.jsx
1208
1264
  - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
1209
1265
  - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
1210
1266
  - app/pb_kits/playbook/pb_online_status/docs/example.yml
@@ -1241,6 +1297,8 @@ files:
1241
1297
  - app/pb_kits/playbook/pb_pill/_pill.jsx
1242
1298
  - app/pb_kits/playbook/pb_pill/_pill.scss
1243
1299
  - app/pb_kits/playbook/pb_pill/docs/_description.md
1300
+ - app/pb_kits/playbook/pb_pill/docs/_pill_dark.html.erb
1301
+ - app/pb_kits/playbook/pb_pill/docs/_pill_dark.jsx
1244
1302
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.html.erb
1245
1303
  - app/pb_kits/playbook/pb_pill/docs/_pill_default.jsx
1246
1304
  - app/pb_kits/playbook/pb_pill/docs/example.yml
@@ -1252,15 +1310,25 @@ files:
1252
1310
  - app/pb_kits/playbook/pb_popover/docs/_description.md
1253
1311
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
1254
1312
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
1313
+ - app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.html.erb
1314
+ - app/pb_kits/playbook/pb_popover/docs/_popover_close_dark.jsx
1315
+ - app/pb_kits/playbook/pb_popover/docs/_popover_dark.html.erb
1316
+ - app/pb_kits/playbook/pb_popover/docs/_popover_dark.jsx
1255
1317
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
1256
1318
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx
1257
1319
  - app/pb_kits/playbook/pb_popover/docs/_popover_list.html.erb
1258
1320
  - app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx
1259
1321
  - app/pb_kits/playbook/pb_popover/docs/_popover_list.md
1322
+ - app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.html.erb
1323
+ - app/pb_kits/playbook/pb_popover/docs/_popover_list_dark.jsx
1260
1324
  - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.html.erb
1261
1325
  - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx
1326
+ - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.html.erb
1327
+ - app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height_dark.jsx
1262
1328
  - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.html.erb
1263
1329
  - app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx
1330
+ - app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.html.erb
1331
+ - app/pb_kits/playbook/pb_popover/docs/_popover_z_index_dark.jsx
1264
1332
  - app/pb_kits/playbook/pb_popover/docs/example.yml
1265
1333
  - app/pb_kits/playbook/pb_popover/docs/index.js
1266
1334
  - app/pb_kits/playbook/pb_popover/index.js
@@ -1275,6 +1343,8 @@ files:
1275
1343
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
1276
1344
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
1277
1345
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
1346
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.html.erb
1347
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status_dark.jsx
1278
1348
  - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
1279
1349
  - app/pb_kits/playbook/pb_progress_pills/docs/index.js
1280
1350
  - app/pb_kits/playbook/pb_progress_pills/progress_pills.rb
@@ -1309,6 +1379,8 @@ files:
1309
1379
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx
1310
1380
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
1311
1381
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
1382
+ - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
1383
+ - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
1312
1384
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
1313
1385
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
1314
1386
  - app/pb_kits/playbook/pb_progress_step/docs/example.yml
@@ -1537,6 +1609,8 @@ files:
1537
1609
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_dark_error.jsx
1538
1610
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
1539
1611
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
1612
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
1613
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
1540
1614
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
1541
1615
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
1542
1616
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
@@ -1577,6 +1651,8 @@ files:
1577
1651
  - app/pb_kits/playbook/pb_time/docs/_time_default.md
1578
1652
  - app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
1579
1653
  - app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
1654
+ - app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx
1655
+ - app/pb_kits/playbook/pb_time/docs/_time_timezone.md
1580
1656
  - app/pb_kits/playbook/pb_time/docs/example.yml
1581
1657
  - app/pb_kits/playbook/pb_time/docs/index.js
1582
1658
  - app/pb_kits/playbook/pb_time/time.rb
@@ -1639,6 +1715,9 @@ files:
1639
1715
  - app/pb_kits/playbook/pb_title/docs/_title_dark.jsx
1640
1716
  - app/pb_kits/playbook/pb_title/docs/_title_light.html.erb
1641
1717
  - app/pb_kits/playbook/pb_title/docs/_title_light.jsx
1718
+ - app/pb_kits/playbook/pb_title/docs/_title_variants.html.erb
1719
+ - app/pb_kits/playbook/pb_title/docs/_title_variants.jsx
1720
+ - app/pb_kits/playbook/pb_title/docs/_title_variants.md
1642
1721
  - app/pb_kits/playbook/pb_title/docs/example.yml
1643
1722
  - app/pb_kits/playbook/pb_title/docs/index.js
1644
1723
  - app/pb_kits/playbook/pb_title/title.rb
@@ -1649,6 +1728,10 @@ files:
1649
1728
  - app/pb_kits/playbook/pb_title_count/docs/_footer.md
1650
1729
  - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.html.erb
1651
1730
  - app/pb_kits/playbook/pb_title_count/docs/_title_count_align.jsx
1731
+ - app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.html.erb
1732
+ - app/pb_kits/playbook/pb_title_count/docs/_title_count_align_dark.jsx
1733
+ - app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.html.erb
1734
+ - app/pb_kits/playbook/pb_title_count/docs/_title_count_dark.jsx
1652
1735
  - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.html.erb
1653
1736
  - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.jsx
1654
1737
  - app/pb_kits/playbook/pb_title_count/docs/_title_count_default.md
@@ -1660,6 +1743,8 @@ files:
1660
1743
  - app/pb_kits/playbook/pb_title_detail/_title_detail.scss
1661
1744
  - app/pb_kits/playbook/pb_title_detail/docs/_description.md
1662
1745
  - app/pb_kits/playbook/pb_title_detail/docs/_footer.md
1746
+ - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.html.erb
1747
+ - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_dark.jsx
1663
1748
  - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.html.erb
1664
1749
  - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx
1665
1750
  - app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.md
@@ -1706,6 +1791,7 @@ files:
1706
1791
  - app/pb_kits/playbook/pb_user/docs/_description.md
1707
1792
  - app/pb_kits/playbook/pb_user/docs/_footer.md
1708
1793
  - app/pb_kits/playbook/pb_user/docs/_user_dark.html.erb
1794
+ - app/pb_kits/playbook/pb_user/docs/_user_dark.jsx
1709
1795
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
1710
1796
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
1711
1797
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -1713,6 +1799,7 @@ files:
1713
1799
  - app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
1714
1800
  - app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx
1715
1801
  - app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.html.erb
1802
+ - app/pb_kits/playbook/pb_user/docs/_user_text_only_dark.jsx
1716
1803
  - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
1717
1804
  - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx
1718
1805
  - app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb
@@ -1727,11 +1814,15 @@ files:
1727
1814
  - app/pb_kits/playbook/pb_user_badge/badges/_veteran.svg
1728
1815
  - app/pb_kits/playbook/pb_user_badge/docs/_description.md
1729
1816
  - app/pb_kits/playbook/pb_user_badge/docs/_footer.md
1817
+ - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.html.erb
1818
+ - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_dark.jsx
1730
1819
  - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.html.erb
1731
1820
  - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.jsx
1732
1821
  - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_default.md
1733
1822
  - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.html.erb
1734
1823
  - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size.jsx
1824
+ - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.html.erb
1825
+ - app/pb_kits/playbook/pb_user_badge/docs/_user_badge_size_dark.jsx
1735
1826
  - app/pb_kits/playbook/pb_user_badge/docs/example.yml
1736
1827
  - app/pb_kits/playbook/pb_user_badge/docs/index.js
1737
1828
  - app/pb_kits/playbook/pb_user_badge/user_badge.rb
@@ -1863,7 +1954,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
1863
1954
  - !ruby/object:Gem::Version
1864
1955
  version: '0'
1865
1956
  requirements: []
1866
- rubygems_version: 3.1.2
1957
+ rubyforge_project:
1958
+ rubygems_version: 2.7.3
1867
1959
  signing_key:
1868
1960
  specification_version: 4
1869
1961
  summary: Playbook Design System
@@ -1,28 +0,0 @@
1
- import React from 'react'
2
- import { Date } from '../../'
3
-
4
- const DateDefault = () => {
5
- return (
6
- <div>
7
- <Date
8
- size="lg"
9
- value="1995-12-25"
10
- />
11
-
12
- <br />
13
-
14
- <Date
15
- value="17 Mar 69"
16
- />
17
-
18
- <br />
19
-
20
- <Date
21
- size="xs"
22
- value="2020-04-20T04:20:00.000Z"
23
- />
24
- </div>
25
- )
26
- }
27
-
28
- export default DateDefault