playbook_ui 13.34.1 → 14.0.0.pre.alpha.PA1477timestampkit3502

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (462) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +17 -17
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +5 -2
  4. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +24 -20
  5. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +17 -12
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +86 -1
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +5 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +31 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +2 -2
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +67 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md +1 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -0
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -1
  23. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +0 -30
  24. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +19 -1
  25. data/app/pb_kits/playbook/pb_avatar/avatar.rb +44 -1
  26. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +17 -0
  27. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +1 -1
  33. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +3 -3
  34. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +0 -2
  35. data/app/pb_kits/playbook/pb_background/_background.tsx +13 -7
  36. data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +2 -2
  37. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +2 -2
  39. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +2 -2
  42. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +2 -2
  43. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
  44. data/app/pb_kits/playbook/pb_badge/_badge.scss +2 -2
  45. data/app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js +1 -1
  46. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +1 -1
  47. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +1 -1
  48. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +1 -1
  49. data/app/pb_kits/playbook/pb_body/_body.scss +1 -1
  50. data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +1 -1
  51. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +1 -1
  52. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.tsx +0 -2
  55. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +1 -1
  56. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.test.js +1 -1
  57. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +1 -1
  60. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +1 -1
  61. data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +1 -1
  62. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +1 -1
  63. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +1 -1
  64. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +1 -1
  66. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +1 -1
  67. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +1 -1
  69. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx +0 -2
  70. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js +1 -1
  71. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +1 -1
  72. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +1 -1
  73. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +1 -1
  74. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +1 -1
  75. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +1 -1
  76. data/app/pb_kits/playbook/pb_card/_card.scss +1 -1
  77. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  78. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +1 -1
  79. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +1 -1
  80. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  81. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +3 -3
  82. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +1 -1
  83. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +1 -1
  84. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +1 -1
  85. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +1 -1
  86. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  87. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +1 -1
  88. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +1 -1
  89. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +1 -1
  90. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +1 -1
  91. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +1 -1
  92. data/app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx +1 -1
  93. data/app/pb_kits/playbook/pb_dashboard/commonSettings.js +2 -2
  94. data/app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts +1 -1
  95. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts +2 -2
  96. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.ts +2 -2
  97. data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.ts +2 -2
  98. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +1 -1
  99. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +2 -2
  100. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +1 -1
  101. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +1 -1
  102. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +1 -1
  103. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +1 -1
  104. data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +3 -1
  105. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -1
  106. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +2 -4
  107. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +4 -4
  108. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +1 -1
  109. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +4 -4
  110. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -2
  111. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +1 -1
  112. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +1 -1
  113. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +1 -1
  114. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +1 -1
  115. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +1 -1
  116. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +1 -1
  117. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +1 -1
  118. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -1
  119. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +1 -1
  120. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +1 -1
  121. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +1 -1
  122. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +1 -3
  123. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +1 -1
  124. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +1 -2
  125. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +1 -1
  126. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +30 -29
  127. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +1 -1
  128. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +1 -1
  129. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +1 -1
  130. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +1 -1
  131. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +1 -1
  132. data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +1 -1
  133. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
  134. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +1 -1
  135. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +1 -1
  136. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +1 -1
  137. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -1
  138. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +1 -1
  139. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +1 -1
  140. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +1 -1
  141. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +1 -1
  142. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +1 -1
  143. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +1 -1
  144. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +1 -1
  145. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +1 -1
  146. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +1 -1
  147. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +1 -1
  148. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +1 -1
  149. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +2 -3
  150. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +2 -3
  151. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +2 -3
  152. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +2 -3
  153. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +3 -4
  154. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +1 -1
  155. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +1 -1
  156. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +1 -1
  157. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +1 -1
  158. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +1 -1
  159. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +1 -1
  160. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +1 -1
  161. data/app/pb_kits/playbook/pb_filter/filter.test.js +1 -1
  162. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +1 -1
  163. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.test.js +1 -1
  164. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +1 -1
  165. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +1 -1
  166. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +1 -1
  167. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +1 -1
  168. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +1 -1
  169. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +1 -1
  170. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +1 -1
  171. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +1 -1
  172. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +1 -1
  173. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +1 -1
  174. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  175. data/app/pb_kits/playbook/pb_form_group/form_group.test.js +1 -1
  176. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +5 -5
  177. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +0 -1
  178. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +2 -2
  179. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +1 -1
  180. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +1 -1
  181. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +1 -1
  182. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +1 -1
  183. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +1 -1
  184. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +1 -1
  185. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +1 -1
  186. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +1 -1
  187. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +1 -1
  188. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +1 -1
  189. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +1 -1
  190. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +1 -1
  191. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +1 -1
  192. data/app/pb_kits/playbook/pb_hashtag/hashtag.test.js +1 -1
  193. data/app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js +1 -1
  194. data/app/pb_kits/playbook/pb_icon/_icon.tsx +3 -0
  195. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +1 -1
  196. data/app/pb_kits/playbook/pb_icon/icon.rb +2 -0
  197. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +2 -2
  198. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +2 -1
  199. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +1 -1
  200. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +2 -2
  201. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss +0 -11
  202. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +3 -2
  203. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +1 -0
  204. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +1 -1
  205. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +1 -1
  206. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +1 -1
  207. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +1 -1
  208. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +2 -2
  209. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +5 -4
  210. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +1 -1
  211. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -1
  212. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +1 -1
  213. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +1 -1
  214. data/app/pb_kits/playbook/pb_layout/layout.test.js +1 -1
  215. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +1 -1
  216. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +1 -1
  217. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +1 -1
  218. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slide.tsx +0 -2
  219. data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx +0 -2
  220. data/app/pb_kits/playbook/pb_lightbox/Carousel/index.tsx +0 -1
  221. data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx +0 -1
  222. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +1 -3
  223. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +1 -3
  224. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +1 -3
  225. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +1 -3
  226. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +1 -3
  227. data/app/pb_kits/playbook/pb_lightbox/lightbox.test.jsx +1 -1
  228. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +1 -1
  229. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +1 -1
  230. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +1 -1
  231. data/app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js +1 -1
  232. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -1
  233. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -1
  234. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -1
  235. data/app/pb_kits/playbook/pb_map/map.test.jsx +1 -1
  236. data/app/pb_kits/playbook/pb_map/pbMapTheme.ts +1 -1
  237. data/app/pb_kits/playbook/pb_message/_message.tsx +0 -2
  238. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +1 -1
  239. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +1 -1
  240. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +1 -1
  241. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +1 -1
  242. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +0 -2
  243. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +1 -1
  244. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +1 -1
  245. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +1 -1
  246. data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +1 -1
  247. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +1 -1
  248. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +1 -1
  249. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx +1 -1
  250. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_with_all_options.jsx +1 -1
  251. data/app/pb_kits/playbook/pb_nav/docs/_nav_with_font_control.jsx +1 -1
  252. data/app/pb_kits/playbook/pb_online_status/_online_status.scss +52 -5
  253. data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +6 -1
  254. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.html.erb +1 -0
  255. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.jsx +14 -0
  256. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.html.erb +3 -0
  257. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.jsx +25 -0
  258. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +6 -2
  259. data/app/pb_kits/playbook/pb_online_status/docs/index.js +2 -0
  260. data/app/pb_kits/playbook/pb_online_status/online_status.rb +11 -1
  261. data/app/pb_kits/playbook/pb_online_status/online_status.test.js +31 -0
  262. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +1 -1
  263. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +1 -1
  264. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb +61 -0
  265. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +70 -0
  266. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md +1 -0
  267. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +4 -2
  268. data/app/pb_kits/playbook/pb_overlay/docs/index.js +1 -0
  269. data/app/pb_kits/playbook/pb_overlay/overlay.test.jsx +1 -1
  270. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx +1 -1
  271. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +3 -3
  272. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +0 -2
  273. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +1 -1
  274. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +1 -1
  275. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +1 -1
  276. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -1
  277. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +1 -1
  278. data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +1 -1
  279. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +2 -1
  280. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +0 -1
  281. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx +1 -1
  282. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx +1 -1
  283. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -1
  284. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +1 -1
  285. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
  286. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +1 -1
  287. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +1 -1
  288. data/app/pb_kits/playbook/pb_pill/_pill.scss +2 -2
  289. data/app/pb_kits/playbook/pb_popover/_popover.tsx +2 -2
  290. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +1 -1
  291. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +1 -1
  292. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +1 -1
  293. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +1 -1
  294. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +1 -1
  295. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +1 -1
  296. data/app/pb_kits/playbook/pb_popover/popover.test.js +1 -1
  297. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +2 -2
  298. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +1 -1
  299. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +1 -1
  300. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +1 -1
  301. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +1 -1
  302. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +1 -1
  303. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +1 -1
  304. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +1 -1
  305. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +1 -1
  306. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +1 -1
  307. data/app/pb_kits/playbook/pb_rich_text_editor/_dedupe_trix_toolbar.js +6 -0
  308. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +2 -2
  309. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx +9 -8
  310. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +1 -1
  311. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +1 -1
  312. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +1 -1
  313. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +1 -1
  314. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +1 -1
  315. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx +1 -1
  316. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +5 -4
  317. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +1 -1
  318. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +1 -1
  319. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +1 -1
  320. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +1 -1
  321. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +1 -1
  322. data/app/pb_kits/playbook/pb_rich_text_editor/types.d.ts +1 -0
  323. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +1 -1
  324. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +1 -1
  325. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +1 -1
  326. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
  327. data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
  328. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +1 -1
  329. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +1 -1
  330. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +1 -1
  331. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +1 -1
  332. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +4 -4
  333. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +0 -2
  334. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +1 -1
  335. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.test.js +1 -1
  336. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +0 -1
  337. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +1 -1
  338. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +1 -1
  339. data/app/pb_kits/playbook/pb_star_rating/_star_rating.scss +83 -6
  340. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +3 -1
  341. data/app/pb_kits/playbook/pb_star_rating/index.js +73 -4
  342. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +1 -1
  343. data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +2 -2
  344. data/app/pb_kits/playbook/pb_star_rating/stars/utils.tsx +5 -1
  345. data/app/pb_kits/playbook/pb_star_rating/subcomponents/_star_rating_interactive.tsx +50 -21
  346. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  347. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +1 -1
  348. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +1 -1
  349. data/app/pb_kits/playbook/pb_table/_table.tsx +1 -1
  350. data/app/pb_kits/playbook/pb_table/index.ts +4 -4
  351. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +1 -1
  352. data/app/pb_kits/playbook/pb_table/subcomponents/_table_cell.tsx +1 -1
  353. data/app/pb_kits/playbook/pb_table/subcomponents/_table_head.tsx +1 -1
  354. data/app/pb_kits/playbook/pb_table/subcomponents/_table_header.tsx +1 -1
  355. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +1 -1
  356. data/app/pb_kits/playbook/pb_table/table.test.js +2 -0
  357. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +1 -1
  358. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +1 -1
  359. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +4 -4
  360. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +1 -1
  361. data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +45 -27
  362. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -1
  363. data/app/pb_kits/playbook/pb_textarea/{index.tsx → index.ts} +3 -3
  364. data/app/pb_kits/playbook/pb_time/_time.tsx +3 -3
  365. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +4 -4
  366. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +1 -1
  367. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +1 -1
  368. data/app/pb_kits/playbook/pb_timeline/_item.tsx +1 -1
  369. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
  370. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
  371. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +1 -1
  372. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +36 -1
  373. data/app/pb_kits/playbook/pb_title_count/_title_count.tsx +0 -1
  374. data/app/pb_kits/playbook/pb_title_detail/_title_detail.tsx +10 -10
  375. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +5 -5
  376. data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +1 -1
  377. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +1 -3
  378. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +1 -3
  379. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +1 -3
  380. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +1 -3
  381. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +1 -3
  382. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +2 -2
  383. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +1 -3
  384. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +1 -3
  385. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +1 -3
  386. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +1 -3
  387. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +1 -3
  388. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +1 -3
  389. data/app/pb_kits/playbook/pb_tooltip/tooltip.test.jsx +1 -1
  390. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx +1 -2
  391. data/app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js +2 -0
  392. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -2
  393. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +1 -3
  394. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +1 -3
  395. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +1 -1
  396. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +0 -2
  397. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +0 -2
  398. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx +0 -2
  399. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb +1 -1
  400. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx +0 -2
  401. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +4 -5
  402. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -3
  403. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +18 -21
  404. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +21 -31
  405. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +20 -23
  406. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +1 -0
  407. data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
  408. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +1 -1
  409. data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +1 -1
  410. data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +1 -1
  411. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +1 -1
  412. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +1 -1
  413. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +1 -1
  414. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +1 -1
  415. data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +6 -6
  416. data/app/pb_kits/playbook/pb_user_badge/badges/million-dollar.tsx +236 -235
  417. data/app/pb_kits/playbook/pb_user_badge/badges/veteran.tsx +1 -1
  418. data/app/pb_kits/playbook/pb_walkthrough/_walkthrough.tsx +68 -63
  419. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +1 -1
  420. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +1 -1
  421. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +1 -1
  422. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +1 -1
  423. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +1 -1
  424. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +1 -1
  425. data/app/pb_kits/playbook/pb_walkthrough/walkthrough.test.jsx +1 -1
  426. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +3 -4
  427. data/app/pb_kits/playbook/tokens/exports/{_border_radius.scss → _border_radius.module.scss} +0 -0
  428. data/app/pb_kits/playbook/tokens/exports/{_colors.scss → _colors.module.scss} +1 -1
  429. data/app/pb_kits/playbook/tokens/exports/{_line_height.scss → _line_height.module.scss} +0 -0
  430. data/app/pb_kits/playbook/tokens/exports/{_opacity.scss → _opacity.module.scss} +0 -0
  431. data/app/pb_kits/playbook/tokens/exports/{_positioning.scss → _positioning.module.scss} +0 -0
  432. data/app/pb_kits/playbook/tokens/exports/{_screen_sizes.scss → _screen_sizes.module.scss} +0 -0
  433. data/app/pb_kits/playbook/tokens/exports/{_shadows.scss → _shadows.module.scss} +0 -0
  434. data/app/pb_kits/playbook/tokens/exports/{_spacing.scss → _spacing.module.scss} +0 -0
  435. data/app/pb_kits/playbook/tokens/exports/{_typography.scss → _typography.module.scss} +0 -0
  436. data/app/pb_kits/playbook/tokens/exports/exports.d.ts +1 -0
  437. data/app/pb_kits/playbook/utilities/_hover.scss +5 -5
  438. data/app/pb_kits/playbook/utilities/_line_height.scss +1 -1
  439. data/app/pb_kits/playbook/utilities/_positioning.scss +26 -15
  440. data/app/pb_kits/playbook/utilities/_shadow.scss +1 -1
  441. data/app/pb_kits/playbook/utilities/globalPropNames.mjs +50 -0
  442. data/app/pb_kits/playbook/utilities/text.ts +3 -1
  443. data/dist/chunks/_typeahead-D6PRvP-1.js +22 -0
  444. data/dist/chunks/_weekday_stacked-Dzgi_IL5.js +45 -0
  445. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  446. data/dist/chunks/lib-BE0Z3F7x.js +16 -0
  447. data/dist/chunks/pb_form_validation-TzZQ0Flx.js +1 -0
  448. data/dist/chunks/vendor.js +1 -0
  449. data/dist/playbook-doc.js +1 -0
  450. data/dist/playbook-rails-react-bindings.js +1 -0
  451. data/dist/playbook-rails.js +1 -59
  452. data/dist/playbook.css +4 -0
  453. data/dist/reset.css +1 -1
  454. data/lib/playbook/engine.rb +2 -0
  455. data/lib/playbook/version.rb +2 -2
  456. metadata +38 -21
  457. data/app/pb_kits/playbook/index.js +0 -151
  458. data/app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss +0 -32
  459. data/app/pb_kits/playbook/playbook-doc.js +0 -215
  460. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +0 -45
  461. data/app/pb_kits/playbook/playbook-rails.js +0 -51
  462. /data/app/pb_kits/playbook/tokens/exports/{_scale.scss → _scale.module.scss} +0 -0
data/dist/reset.css CHANGED
@@ -1 +1 @@
1
- *{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:"Power Centra","Helvetica Neue",Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0 !important;padding:0 !important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
1
+ *{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:Power Centra,Helvetica Neue,Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0!important;padding:0!important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
@@ -17,11 +17,13 @@ module Playbook
17
17
  if config.respond_to?(:assets)
18
18
  config.assets.paths ||= []
19
19
  config.assets.paths << Playbook::Engine.root.join("fonts")
20
+ config.assets.paths << Playbook::Engine.root.join("dist")
20
21
  config.assets.paths << Playbook::Engine.root.join("app/pb_kits/playbook/pb_*")
21
22
  end
22
23
 
23
24
  if config.respond_to?(:sass)
24
25
  config.sass.load_paths ||= []
26
+ config.sass.load_paths << Playbook::Engine.root.join("dist")
25
27
  config.sass.load_paths << Playbook::Engine.root.join("app/pb_kits/playbook")
26
28
  end
27
29
  end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.34.0"
5
- VERSION = "13.34.1"
4
+ PREVIOUS_VERSION = "14.0.0"
5
+ VERSION = "14.0.0.pre.alpha.PA1477timestampkit3502"
6
6
  end
metadata CHANGED
@@ -1,15 +1,15 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 13.34.1
4
+ version: 14.0.0.pre.alpha.PA1477timestampkit3502
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
8
8
  - Power Devs
9
- autorequire:
9
+ autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2024-07-31 00:00:00.000000000 Z
12
+ date: 2024-08-19 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -240,7 +240,6 @@ files:
240
240
  - Rakefile
241
241
  - app/pb_kits/playbook/_playbook.scss
242
242
  - app/pb_kits/playbook/_reset.scss
243
- - app/pb_kits/playbook/index.js
244
243
  - app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
245
244
  - app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
246
245
  - app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
@@ -277,6 +276,8 @@ files:
277
276
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
278
277
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
279
278
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
279
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
280
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
280
281
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
281
282
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
282
283
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -1896,14 +1897,18 @@ files:
1896
1897
  - app/pb_kits/playbook/pb_nav/navTypes.ts
1897
1898
  - app/pb_kits/playbook/pb_online_status/_online_status.scss
1898
1899
  - app/pb_kits/playbook/pb_online_status/_online_status.tsx
1899
- - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
1900
1900
  - app/pb_kits/playbook/pb_online_status/docs/_description.md
1901
1901
  - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
1902
1902
  - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx
1903
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.html.erb
1904
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.jsx
1905
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_size.html.erb
1906
+ - app/pb_kits/playbook/pb_online_status/docs/_online_status_size.jsx
1903
1907
  - app/pb_kits/playbook/pb_online_status/docs/example.yml
1904
1908
  - app/pb_kits/playbook/pb_online_status/docs/index.js
1905
1909
  - app/pb_kits/playbook/pb_online_status/online_status.html.erb
1906
1910
  - app/pb_kits/playbook/pb_online_status/online_status.rb
1911
+ - app/pb_kits/playbook/pb_online_status/online_status.test.js
1907
1912
  - app/pb_kits/playbook/pb_overlay/_overlay.scss
1908
1913
  - app/pb_kits/playbook/pb_overlay/_overlay.tsx
1909
1914
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
@@ -1912,6 +1917,9 @@ files:
1912
1917
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
1913
1918
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
1914
1919
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
1920
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
1921
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
1922
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
1915
1923
  - app/pb_kits/playbook/pb_overlay/docs/example.yml
1916
1924
  - app/pb_kits/playbook/pb_overlay/docs/index.js
1917
1925
  - app/pb_kits/playbook/pb_overlay/overlay.html.erb
@@ -2144,6 +2152,7 @@ files:
2144
2152
  - app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarDropdown.tsx
2145
2153
  - app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarHistory.tsx
2146
2154
  - app/pb_kits/playbook/pb_rich_text_editor/TipTap/ToolbarNodes.tsx
2155
+ - app/pb_kits/playbook/pb_rich_text_editor/_dedupe_trix_toolbar.js
2147
2156
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
2148
2157
  - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.tsx
2149
2158
  - app/pb_kits/playbook/pb_rich_text_editor/_tiptap_styles.scss
@@ -2181,6 +2190,7 @@ files:
2181
2190
  - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb
2182
2191
  - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.test.js
2183
2192
  - app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_advanced.test.js
2193
+ - app/pb_kits/playbook/pb_rich_text_editor/types.d.ts
2184
2194
  - app/pb_kits/playbook/pb_rich_text_editor/useFocus.ts
2185
2195
  - app/pb_kits/playbook/pb_section_separator/_section_separator.scss
2186
2196
  - app/pb_kits/playbook/pb_section_separator/_section_separator.tsx
@@ -2575,7 +2585,7 @@ files:
2575
2585
  - app/pb_kits/playbook/pb_textarea/docs/_textarea_resize.jsx
2576
2586
  - app/pb_kits/playbook/pb_textarea/docs/example.yml
2577
2587
  - app/pb_kits/playbook/pb_textarea/docs/index.js
2578
- - app/pb_kits/playbook/pb_textarea/index.tsx
2588
+ - app/pb_kits/playbook/pb_textarea/index.ts
2579
2589
  - app/pb_kits/playbook/pb_textarea/textarea.html.erb
2580
2590
  - app/pb_kits/playbook/pb_textarea/textarea.rb
2581
2591
  - app/pb_kits/playbook/pb_textarea/textarea.test.js
@@ -2911,9 +2921,6 @@ files:
2911
2921
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb
2912
2922
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
2913
2923
  - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx
2914
- - app/pb_kits/playbook/playbook-doc.js
2915
- - app/pb_kits/playbook/playbook-rails-react-bindings.js
2916
- - app/pb_kits/playbook/playbook-rails.js
2917
2924
  - app/pb_kits/playbook/tokens/_animation-curves.scss
2918
2925
  - app/pb_kits/playbook/tokens/_border_radius.scss
2919
2926
  - app/pb_kits/playbook/tokens/_colors.scss
@@ -2931,16 +2938,16 @@ files:
2931
2938
  - app/pb_kits/playbook/tokens/_transition.scss
2932
2939
  - app/pb_kits/playbook/tokens/_typography.scss
2933
2940
  - app/pb_kits/playbook/tokens/_vertical_align.scss
2934
- - app/pb_kits/playbook/tokens/exports/_border_radius.scss
2935
- - app/pb_kits/playbook/tokens/exports/_colors.scss
2936
- - app/pb_kits/playbook/tokens/exports/_line_height.scss
2937
- - app/pb_kits/playbook/tokens/exports/_opacity.scss
2938
- - app/pb_kits/playbook/tokens/exports/_positioning.scss
2939
- - app/pb_kits/playbook/tokens/exports/_scale.scss
2940
- - app/pb_kits/playbook/tokens/exports/_screen_sizes.scss
2941
- - app/pb_kits/playbook/tokens/exports/_shadows.scss
2942
- - app/pb_kits/playbook/tokens/exports/_spacing.scss
2943
- - app/pb_kits/playbook/tokens/exports/_typography.scss
2941
+ - app/pb_kits/playbook/tokens/exports/_border_radius.module.scss
2942
+ - app/pb_kits/playbook/tokens/exports/_colors.module.scss
2943
+ - app/pb_kits/playbook/tokens/exports/_line_height.module.scss
2944
+ - app/pb_kits/playbook/tokens/exports/_opacity.module.scss
2945
+ - app/pb_kits/playbook/tokens/exports/_positioning.module.scss
2946
+ - app/pb_kits/playbook/tokens/exports/_scale.module.scss
2947
+ - app/pb_kits/playbook/tokens/exports/_screen_sizes.module.scss
2948
+ - app/pb_kits/playbook/tokens/exports/_shadows.module.scss
2949
+ - app/pb_kits/playbook/tokens/exports/_spacing.module.scss
2950
+ - app/pb_kits/playbook/tokens/exports/_typography.module.scss
2944
2951
  - app/pb_kits/playbook/tokens/exports/exports.d.ts
2945
2952
  - app/pb_kits/playbook/tokens/index.scss
2946
2953
  - app/pb_kits/playbook/utilities/_background_colors.scss
@@ -2973,6 +2980,7 @@ files:
2973
2980
  - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_content.scss
2974
2981
  - app/pb_kits/playbook/utilities/flexbox_global_props/_justify_self.scss
2975
2982
  - app/pb_kits/playbook/utilities/flexbox_global_props/_order.scss
2983
+ - app/pb_kits/playbook/utilities/globalPropNames.mjs
2976
2984
  - app/pb_kits/playbook/utilities/globalProps.ts
2977
2985
  - app/pb_kits/playbook/utilities/object.ts
2978
2986
  - app/pb_kits/playbook/utilities/props.ts
@@ -2992,8 +3000,17 @@ files:
2992
3000
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
2993
3001
  - app/pb_kits/playbook/utilities/text.ts
2994
3002
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3003
+ - dist/chunks/_typeahead-D6PRvP-1.js
3004
+ - dist/chunks/_weekday_stacked-Dzgi_IL5.js
3005
+ - dist/chunks/lazysizes-B7xYodB-.js
3006
+ - dist/chunks/lib-BE0Z3F7x.js
3007
+ - dist/chunks/pb_form_validation-TzZQ0Flx.js
3008
+ - dist/chunks/vendor.js
2995
3009
  - dist/menu.yml
3010
+ - dist/playbook-doc.js
3011
+ - dist/playbook-rails-react-bindings.js
2996
3012
  - dist/playbook-rails.js
3013
+ - dist/playbook.css
2997
3014
  - dist/reset.css
2998
3015
  - lib/playbook.rb
2999
3016
  - lib/playbook/align_content.rb
@@ -3069,7 +3086,7 @@ homepage: https://playbook.powerapp.cloud/
3069
3086
  licenses:
3070
3087
  - ISC
3071
3088
  metadata: {}
3072
- post_install_message:
3089
+ post_install_message:
3073
3090
  rdoc_options: []
3074
3091
  require_paths:
3075
3092
  - lib
@@ -3085,7 +3102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
3085
3102
  version: '0'
3086
3103
  requirements: []
3087
3104
  rubygems_version: 3.5.3
3088
- signing_key:
3105
+ signing_key:
3089
3106
  specification_version: 4
3090
3107
  summary: Playbook Design System
3091
3108
  test_files: []
@@ -1,151 +0,0 @@
1
- // !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
2
- import './_playbook.scss'
3
- import 'lazysizes/plugins/attrchange/ls.attrchange'
4
- import 'lazysizes'
5
-
6
- // vvv React Component JSX Imports from the React Kits vvv
7
- export { default as AdvancedTable} from './pb_advanced_table/_advanced_table'
8
- export { default as Avatar } from './pb_avatar/_avatar'
9
- export { default as AvatarActionButton } from './pb_avatar_action_button/_avatar_action_button'
10
- export { default as Background } from './pb_background/_background'
11
- export { default as Badge } from './pb_badge/_badge'
12
- export { default as BarGraph } from './pb_bar_graph/_bar_graph'
13
- export { default as Body } from './pb_body/_body'
14
- export { default as BreadCrumbItem } from './pb_bread_crumbs/_bread_crumb_item'
15
- export { default as BreadCrumbs } from './pb_bread_crumbs/_bread_crumbs'
16
- export { default as Button } from './pb_button/_button'
17
- export { default as ButtonToolbar } from './pb_button_toolbar/_button_toolbar'
18
- export { default as Caption } from './pb_caption/_caption'
19
- export { default as Card } from './pb_card/_card'
20
- export { default as Checkbox } from './pb_checkbox/_checkbox'
21
- export { default as CircleChart } from './pb_circle_chart/_circle_chart'
22
- export { default as CircleIconButton } from './pb_circle_icon_button/_circle_icon_button'
23
- export { default as Collapsible } from './pb_collapsible/_collapsible'
24
- export { default as Contact } from './pb_contact/_contact'
25
- export { default as Currency } from './pb_currency/_currency'
26
- export { default as DashboardValue } from './pb_dashboard_value/_dashboard_value'
27
- export { default as Date } from './pb_date/_date'
28
- export { default as DatePicker } from './pb_date_picker/_date_picker'
29
- export { default as DateRangeInline } from './pb_date_range_inline/_date_range_inline'
30
- export { default as DateRangeStacked } from './pb_date_range_stacked/_date_range_stacked'
31
- export { default as DateStacked } from './pb_date_stacked/_date_stacked'
32
- export { default as DateTime } from './pb_date_time/_date_time'
33
- export { default as DateTimeStacked } from './pb_date_time_stacked/_date_time_stacked'
34
- export { default as DateYearStacked } from './pb_date_year_stacked/_date_year_stacked'
35
- export { default as Detail} from './pb_detail/_detail'
36
- export { default as Dialog } from './pb_dialog/_dialog'
37
- export { default as DistributionBar } from './pb_distribution_bar/_distribution_bar'
38
- export { default as Draggable} from './pb_draggable/_draggable'
39
- export { DraggableProvider} from './pb_draggable/context'
40
- export { default as Dropdown} from './pb_dropdown/_dropdown'
41
- export { default as FileUpload } from './pb_file_upload/_file_upload'
42
- export { default as Filter } from './pb_filter/_filter'
43
- export { default as FixedConfirmationToast } from './pb_fixed_confirmation_toast/_fixed_confirmation_toast'
44
- export { default as Flex } from './pb_flex/_flex'
45
- export { default as FlexItem } from './pb_flex/_flex_item'
46
- export { default as FormGroup } from './pb_form_group/_form_group'
47
- export { default as FormPill } from './pb_form_pill/_form_pill'
48
- export { default as Gauge } from './pb_gauge/_gauge'
49
- export { default as Hashtag } from './pb_hashtag/_hashtag'
50
- export { default as Highlight } from './pb_highlight/_highlight'
51
- export { default as HomeAddressStreet } from './pb_home_address_street/_home_address_street'
52
- export { default as Icon } from './pb_icon/_icon'
53
- export { default as IconCircle } from './pb_icon_circle/_icon_circle'
54
- export { default as IconStatValue } from './pb_icon_stat_value/_icon_stat_value'
55
- export { default as IconValue } from './pb_icon_value/_icon_value'
56
- export { default as Image } from './pb_image/_image'
57
- export { default as LabelPill } from './pb_label_pill/_label_pill'
58
- export { default as LabelValue } from './pb_label_value/_label_value'
59
- export { default as Layout } from './pb_layout/_layout'
60
- export { default as Legend } from './pb_legend/_legend'
61
- export { default as Lightbox } from './pb_lightbox/_lightbox'
62
- export { default as LineGraph } from './pb_line_graph/_line_graph'
63
- export { default as List } from './pb_list/_list'
64
- export { default as ListItem } from './pb_list/_list_item'
65
- export { default as LoadingInline } from './pb_loading_inline/_loading_inline'
66
- export { default as MapCustomButton } from './pb_map/_map_custom_button'
67
- export { default as Map} from './pb_map/_map'
68
- export { default as Message } from './pb_message/_message'
69
- export { default as MultiLevelSelect} from './pb_multi_level_select/_multi_level_select'
70
- export { default as MultipleUsers } from './pb_multiple_users/_multiple_users'
71
- export { default as MultipleUsersStacked } from './pb_multiple_users_stacked/_multiple_users_stacked'
72
- export { default as Nav } from './pb_nav/_nav'
73
- export { default as NavItem } from './pb_nav/_item'
74
- export { default as OnlineStatus } from './pb_online_status/_online_status'
75
- export { default as Overlay} from './pb_overlay/_overlay'
76
- export { default as Passphrase } from './pb_passphrase/_passphrase'
77
- export { default as PbReactPopover } from './pb_popover/_popover'
78
- export { default as Person } from './pb_person/_person'
79
- export { default as PersonContact } from './pb_person_contact/_person_contact'
80
- export { default as PhoneNumberInput} from './pb_phone_number_input/_phone_number_input'
81
- export { default as Pill } from './pb_pill/_pill'
82
- export { default as ProgressPills } from './pb_progress_pills/_progress_pills'
83
- export { default as ProgressSimple } from './pb_progress_simple/_progress_simple'
84
- export { default as ProgressStep } from './pb_progress_step/_progress_step'
85
- export { default as ProgressStepItem } from './pb_progress_step/_progress_step_item'
86
- export { default as Radio } from './pb_radio/_radio'
87
- export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor'
88
- export { default as SectionSeparator } from './pb_section_separator/_section_separator'
89
- export { default as Select } from './pb_select/_select'
90
- export { default as SelectableCard } from './pb_selectable_card/_selectable_card'
91
- export { default as SelectableCardIcon } from './pb_selectable_card_icon/_selectable_card_icon'
92
- export { default as SelectableIcon } from './pb_selectable_icon/_selectable_icon'
93
- export { default as SelectableList } from './pb_selectable_list/_selectable_list'
94
- export { default as SelectableListItem } from './pb_selectable_list/_item'
95
- export { default as Source } from './pb_source/_source'
96
- export { default as StarRating } from './pb_star_rating/_star_rating'
97
- export { default as StatChange } from './pb_stat_change/_stat_change'
98
- export { default as StatValue } from './pb_stat_value/_stat_value'
99
- export { default as Table } from './pb_table/_table'
100
- export { default as TableRow } from './pb_table/subcomponents/_table_row'
101
- export { default as TextInput } from './pb_text_input/_text_input'
102
- export { default as Textarea } from './pb_textarea/_textarea'
103
- export { default as Time } from './pb_time/_time'
104
- export { default as TimeRangeInline } from './pb_time_range_inline/_time_range_inline'
105
- export { default as TimeStacked } from './pb_time_stacked/_time_stacked'
106
- export { default as Timeline } from './pb_timeline/_timeline'
107
- export { default as Timestamp } from './pb_timestamp/_timestamp'
108
- export { default as Title } from './pb_title/_title'
109
- export { default as TitleCount } from './pb_title_count/_title_count'
110
- export { default as TitleDetail } from './pb_title_detail/_title_detail'
111
- export { default as Toggle } from './pb_toggle/_toggle'
112
- export { default as Tooltip } from './pb_tooltip/_tooltip'
113
- export { default as TreemapChart } from './pb_treemap_chart/_treemap_chart'
114
- export { default as Typeahead } from './pb_typeahead/_typeahead'
115
- export { default as User } from './pb_user/_user'
116
- export { default as UserBadge } from './pb_user_badge/_user_badge'
117
- export { default as Walkthrough } from './pb_walkthrough/_walkthrough'
118
- export { default as WeekdayStacked } from './pb_weekday_stacked/_weekday_stacked'
119
- // ^^^ React Component JSX Imports from the React Kits ^^^
120
-
121
- // Dashboard Settings
122
- export { commonSettings, dataColors } from './pb_dashboard/commonSettings'
123
- export { default as lineGraphSettings } from './pb_line_graph/lineGraphSettings'
124
- export { default as barGraphSettings } from './pb_bar_graph/barGraphSettings'
125
- export { default as dashboardValueSettings } from './pb_dashboard_value/dashboardValueSettings'
126
-
127
- // Other JS/Plugins
128
- export { default as datePickerHelper } from './pb_date_picker/date_picker_helper'
129
- export { default as PbPopover } from './pb_popover'
130
- export { default as PbTable } from './pb_table'
131
- export { default as PbTextarea } from './pb_textarea'
132
- export { default as PbTooltip } from './pb_tooltip'
133
- export { default as PbTypeahead } from './pb_typeahead'
134
- export { default as dialogHelper } from './pb_dialog/dialogHelper'
135
-
136
- //Theming
137
- export {default as mapTheme} from './pb_map/pbMapTheme'
138
- export {default as useCollapsible} from './pb_collapsible/useCollapsible'
139
- export {default as useDropdown } from './pb_dropdown/hooks/useDropdown'
140
-
141
- // CSS Tokens
142
- export { default as borderRadius } from './tokens/exports/_border_radius.scss'
143
- export { default as colors } from './tokens/exports/_colors.scss'
144
- export { default as lineHeight } from './tokens/exports/_line_height.scss'
145
- export { default as opacity } from './tokens/exports/_opacity.scss'
146
- export { default as positioning } from './tokens/exports/_positioning.scss'
147
- export { default as scale } from './tokens/exports/_scale.scss'
148
- export { default as screenSizes } from './tokens/exports/_screen_sizes.scss'
149
- export { default as shadows } from './tokens/exports/_shadows.scss'
150
- export { default as spacing } from './tokens/exports/_spacing.scss'
151
- export { default as typography } from './tokens/exports/_typography.scss'
@@ -1,32 +0,0 @@
1
- @import "../tokens/colors";
2
-
3
- $pb_online_status_size: 10px;
4
- $pb_online_status_border: 2px;
5
-
6
- $pb_online_status_statuses: (
7
- online: $success,
8
- away: $warning,
9
- offline: $neutral,
10
- success: $success,
11
- warning: $warning,
12
- error: $error,
13
- info: $info,
14
- neutral: $neutral,
15
- primary: $primary,
16
- );
17
-
18
- @mixin pb_online_status($background: $neutral) {
19
- &.dark {
20
- border-color: $bg_dark;
21
- }
22
- width: $pb_online_status_size;
23
- height: $pb_online_status_size;
24
- flex-basis: $pb_online_status_size;
25
- flex-grow: 0;
26
- flex-shrink: 0;
27
- border-width: $pb_online_status_border;
28
- border-color: $white;
29
- border-style: solid;
30
- border-radius: 50%;
31
- background: $background;
32
- }
@@ -1,215 +0,0 @@
1
- /* eslint-disable no-unused-vars */
2
- // !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
3
- import WebpackerReact from 'webpacker-react'
4
-
5
- // KIT EXAMPLES
6
- import 'pb_form/pb_form_validation'
7
- import * as AdvancedTable from 'pb_advanced_table/docs'
8
- import * as Avatar from 'pb_avatar/docs'
9
- import * as AvatarActionButton from 'pb_avatar_action_button/docs'
10
- import * as Background from 'pb_background/docs'
11
- import * as Badge from 'pb_badge/docs'
12
- import * as BarGraphDocs from 'pb_bar_graph/docs'
13
- import * as Body from 'pb_body/docs'
14
- import * as BreadCrumbs from 'pb_bread_crumbs/docs'
15
- import * as Button from 'pb_button/docs'
16
- import * as ButtonToolbar from 'pb_button_toolbar/docs'
17
- import * as Caption from 'pb_caption/docs'
18
- import * as Card from 'pb_card/docs'
19
- import * as Checkbox from 'pb_checkbox/docs'
20
- import * as CircleChart from 'pb_circle_chart/docs'
21
- import * as CircleIconButton from 'pb_circle_icon_button/docs'
22
- import * as Collapsible from 'pb_collapsible/docs'
23
- import * as Contact from 'pb_contact/docs'
24
- import * as Currency from 'pb_currency/docs'
25
- import * as DashboardValue from 'pb_dashboard_value/docs'
26
- import * as Date from 'pb_date/docs'
27
- import * as DatePicker from 'pb_date_picker/docs'
28
- import * as DateRangeInline from 'pb_date_range_inline/docs'
29
- import * as DateRangeStacked from 'pb_date_range_stacked/docs'
30
- import * as DateStacked from 'pb_date_stacked/docs'
31
- import * as DateTime from 'pb_date_time/docs'
32
- import * as DateTimeStacked from 'pb_date_time_stacked/docs'
33
- import * as DateYearStacked from 'pb_date_year_stacked/docs'
34
- import * as Detail from 'pb_detail/docs'
35
- import * as Dialog from 'pb_dialog/docs'
36
- import * as DistributionBarDocs from 'pb_distribution_bar/docs'
37
- import * as Draggable from 'pb_draggable/docs'
38
- import * as Dropdown from 'pb_dropdown/docs'
39
- import * as FileUpload from 'pb_file_upload/docs'
40
- import * as Filter from 'pb_filter/docs'
41
- import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
42
- import * as Flex from 'pb_flex/docs'
43
- import * as FormGroup from 'pb_form_group/docs'
44
- import * as FormPill from 'pb_form_pill/docs'
45
- import * as Gauge from 'pb_gauge/docs'
46
- import * as Hashtag from 'pb_hashtag/docs'
47
- import * as Highlight from 'pb_highlight/docs'
48
- import * as HomeAddressStreet from 'pb_home_address_street/docs'
49
- import * as Icon from 'pb_icon/docs'
50
- import * as IconCircle from 'pb_icon_circle/docs'
51
- import * as IconStatValue from 'pb_icon_stat_value/docs'
52
- import * as IconValue from 'pb_icon_value/docs'
53
- import * as Image from 'pb_image/docs'
54
- import * as LabelPill from 'pb_label_pill/docs'
55
- import * as LabelValue from 'pb_label_value/docs'
56
- import * as Layout from 'pb_layout/docs'
57
- import * as LegendDocs from 'pb_legend/docs'
58
- import * as Lightbox from 'pb_lightbox/docs'
59
- import * as LineGraphDocs from 'pb_line_graph/docs'
60
- import * as List from 'pb_list/docs'
61
- import * as LoadingInline from 'pb_loading_inline/docs'
62
- import * as Map from 'pb_map/docs'
63
- import * as Message from 'pb_message/docs'
64
- import * as MultiLevelSelect from 'pb_multi_level_select/docs'
65
- import * as MultipleUsers from 'pb_multiple_users/docs'
66
- import * as MultipleUsersStacked from 'pb_multiple_users_stacked/docs'
67
- import * as Nav from 'pb_nav/docs'
68
- import * as OnlineStatus from 'pb_online_status/docs'
69
- import * as Overlay from 'pb_overlay/docs'
70
- import * as Passphrase from 'pb_passphrase/docs'
71
- import * as PbReactPopover from 'pb_popover/docs'
72
- import * as Person from 'pb_person/docs'
73
- import * as PersonContact from 'pb_person_contact/docs'
74
- import * as PhoneNumberInput from 'pb_phone_number_input/docs'
75
- import * as Pill from 'pb_pill/docs'
76
- import * as ProgressPills from 'pb_progress_pills/docs'
77
- import * as ProgressSimple from 'pb_progress_simple/docs'
78
- import * as ProgressStep from 'pb_progress_step/docs'
79
- import * as Radio from 'pb_radio/docs'
80
- import * as RichTextEditor from 'pb_rich_text_editor/docs'
81
- import * as SectionSeparator from 'pb_section_separator/docs'
82
- import * as Select from 'pb_select/docs'
83
- import * as SelectableCard from 'pb_selectable_card/docs'
84
- import * as SelectableCardIcon from 'pb_selectable_card_icon/docs'
85
- import * as SelectableIcon from 'pb_selectable_icon/docs'
86
- import * as SelectableList from 'pb_selectable_list/docs'
87
- import * as Source from 'pb_source/docs'
88
- import * as StarRating from 'pb_star_rating/docs'
89
- import * as StatChange from 'pb_stat_change/docs'
90
- import * as StatValue from 'pb_stat_value/docs'
91
- import * as Table from 'pb_table/docs'
92
- import * as TextInput from 'pb_text_input/docs'
93
- import * as Textarea from 'pb_textarea/docs'
94
- import * as Time from 'pb_time/docs'
95
- import * as TimeRangeInline from 'pb_time_range_inline/docs'
96
- import * as TimeStacked from 'pb_time_stacked/docs'
97
- import * as Timeline from 'pb_timeline/docs'
98
- import * as Timestamp from 'pb_timestamp/docs'
99
- import * as Title from 'pb_title/docs'
100
- import * as TitleCount from 'pb_title_count/docs'
101
- import * as TitleDetail from 'pb_title_detail/docs'
102
- import * as Toggle from 'pb_toggle/docs'
103
- import * as Tooltip from 'pb_tooltip/docs'
104
- import * as TreemapChart from 'pb_treemap_chart/docs'
105
- import * as Typeahead from 'pb_typeahead/docs'
106
- import * as User from 'pb_user/docs'
107
- import * as UserBadge from 'pb_user_badge/docs'
108
- import * as Walkthrough from 'pb_walkthrough/docs'
109
- import * as WeekdayStacked from 'pb_weekday_stacked/docs'
110
-
111
- WebpackerReact.registerComponents({
112
- ...AdvancedTable,
113
- ...Avatar,
114
- ...AvatarActionButton,
115
- ...Background,
116
- ...Badge,
117
- ...BarGraphDocs,
118
- ...Body,
119
- ...BreadCrumbs,
120
- ...Button,
121
- ...ButtonToolbar,
122
- ...Caption,
123
- ...Card,
124
- ...Checkbox,
125
- ...CircleChart,
126
- ...CircleIconButton,
127
- ...Collapsible,
128
- ...Contact,
129
- ...Currency,
130
- ...DashboardValue,
131
- ...Date,
132
- ...DatePicker,
133
- ...DateRangeInline,
134
- ...DateRangeStacked,
135
- ...DateStacked,
136
- ...DateTime,
137
- ...DateTimeStacked,
138
- ...DateYearStacked,
139
- ...Detail,
140
- ...Dialog,
141
- ...DistributionBarDocs,
142
- ...Draggable,
143
- ...Dropdown,
144
- ...FileUpload,
145
- ...Filter,
146
- ...FixedConfirmationToast,
147
- ...Flex,
148
- ...FormGroup,
149
- ...FormPill,
150
- ...Gauge,
151
- ...Hashtag,
152
- ...Highlight,
153
- ...HomeAddressStreet,
154
- ...Icon,
155
- ...IconCircle,
156
- ...IconStatValue,
157
- ...IconValue,
158
- ...Image,
159
- ...LabelPill,
160
- ...LabelValue,
161
- ...Layout,
162
- ...LegendDocs,
163
- ...Lightbox,
164
- ...LineGraphDocs,
165
- ...List,
166
- ...LoadingInline,
167
- ...Map,
168
- ...Message,
169
- ...MultiLevelSelect,
170
- ...MultipleUsers,
171
- ...MultipleUsersStacked,
172
- ...Nav,
173
- ...OnlineStatus,
174
- ...Overlay,
175
- ...Passphrase,
176
- ...PbReactPopover,
177
- ...Person,
178
- ...PersonContact,
179
- ...PhoneNumberInput,
180
- ...Pill,
181
- ...ProgressPills,
182
- ...ProgressSimple,
183
- ...ProgressStep,
184
- ...Radio,
185
- ...RichTextEditor,
186
- ...SectionSeparator,
187
- ...Select,
188
- ...SelectableCard,
189
- ...SelectableCardIcon,
190
- ...SelectableIcon,
191
- ...SelectableList,
192
- ...Source,
193
- ...StarRating,
194
- ...StatChange,
195
- ...StatValue,
196
- ...Table,
197
- ...TextInput,
198
- ...Textarea,
199
- ...Time,
200
- ...TimeRangeInline,
201
- ...TimeStacked,
202
- ...Timeline,
203
- ...Timestamp,
204
- ...Title,
205
- ...TitleCount,
206
- ...TitleDetail,
207
- ...Toggle,
208
- ...Tooltip,
209
- ...TreemapChart,
210
- ...Typeahead,
211
- ...User,
212
- ...UserBadge,
213
- ...Walkthrough,
214
- ...WeekdayStacked,
215
- })
@@ -1,45 +0,0 @@
1
- // React-Rendered Rails Kit Exports =====
2
-
3
- import WebpackerReact from 'webpacker-react'
4
- import ujs from 'webpacker-react/ujs'
5
-
6
- import BarGraph from './pb_bar_graph/_bar_graph'
7
- import CircleChart from './pb_circle_chart/_circle_chart'
8
- import Dialog from './pb_dialog/_dialog'
9
- import DialogBody from './pb_dialog/child_kits/_dialog_body'
10
- import DialogFooter from './pb_dialog/child_kits/_dialog_footer'
11
- import DialogHeader from './pb_dialog/child_kits/_dialog_header'
12
- import DistributionBar from './pb_distribution_bar/_distribution_bar'
13
- import Gauge from './pb_gauge/_gauge'
14
- import Legend from './pb_legend/_legend'
15
- import LineGraph from './pb_line_graph/_line_graph'
16
- import MultiLevelSelect from './pb_multi_level_select/_multi_level_select'
17
- import Passphrase from './pb_passphrase/_passphrase'
18
- import RichTextEditor from './pb_rich_text_editor/_rich_text_editor'
19
- import TreemapChart from './pb_treemap_chart/_treemap_chart'
20
- import Typeahead from './pb_typeahead/_typeahead'
21
- import PhoneNumberInput from './pb_phone_number_input/_phone_number_input'
22
-
23
- WebpackerReact.registerComponents({
24
- BarGraph,
25
- CircleChart,
26
- Dialog,
27
- DialogBody,
28
- DialogFooter,
29
- DialogHeader,
30
- DistributionBar,
31
- MultiLevelSelect,
32
- Legend,
33
- LineGraph,
34
- Passphrase,
35
- RichTextEditor,
36
- TreemapChart,
37
- Typeahead,
38
- Gauge,
39
- PhoneNumberInput
40
- })
41
-
42
- ujs.setup(
43
- () => WebpackerReact.mountComponents(),
44
- () => WebpackerReact.unmountComponents()
45
- )