playbook_ui 14.25.0.pre.alpha.PLAY2369textinputautocompleteprop10269 → 14.25.0.pre.alpha.PLAY2379datekitjesttestreact9838

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 (232) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -6
  4. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +1 -1
  5. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +65 -60
  6. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +1 -1
  7. data/app/pb_kits/playbook/pb_background/_background.scss +3 -3
  8. data/app/pb_kits/playbook/pb_badge/_badge.scss +29 -135
  9. data/app/pb_kits/playbook/pb_body/_body.scss +35 -108
  10. data/app/pb_kits/playbook/pb_body/_body_mixins.scss +1 -1
  11. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +30 -17
  12. data/app/pb_kits/playbook/pb_button/_button.scss +31 -39
  13. data/app/pb_kits/playbook/pb_button/_button.tsx +12 -12
  14. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +1 -1
  15. data/app/pb_kits/playbook/pb_button/button.rb +18 -11
  16. data/app/pb_kits/playbook/pb_button/button.test.js +3 -3
  17. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +73 -82
  18. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss +33 -32
  19. data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss +1 -1
  20. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js +2 -2
  21. data/app/pb_kits/playbook/pb_caption/_caption.scss +17 -100
  22. data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +8 -1
  23. data/app/pb_kits/playbook/pb_card/_card.scss +79 -116
  24. data/app/pb_kits/playbook/pb_card/_card.tsx +11 -26
  25. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -1
  26. data/app/pb_kits/playbook/pb_card/card.rb +7 -8
  27. data/app/pb_kits/playbook/pb_card/card_header.rb +2 -6
  28. data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -1
  29. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +2 -11
  30. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +7 -7
  31. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js +1 -1
  32. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -1
  33. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +4 -4
  34. data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +1 -1
  35. data/app/pb_kits/playbook/pb_currency/_currency.scss +39 -124
  36. data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss +6 -16
  37. data/app/pb_kits/playbook/pb_date/_date.scss +18 -16
  38. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +1 -1
  39. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +12 -12
  40. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +2 -2
  41. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +5 -6
  42. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +23 -29
  43. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +1 -1
  44. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.scss +1 -1
  45. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.test.js +2 -2
  46. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss +26 -66
  47. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +1 -1
  48. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +2 -2
  49. data/app/pb_kits/playbook/pb_date_time/_date_time.scss +15 -8
  50. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +7 -6
  51. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss +14 -17
  52. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +1 -1
  53. data/app/pb_kits/playbook/pb_detail/_detail.scss +21 -86
  54. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +123 -330
  55. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb +2 -16
  56. data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss +7 -10
  57. data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_drawer/_close_icon.tsx +25 -0
  59. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +381 -0
  60. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +231 -0
  61. data/app/pb_kits/playbook/pb_drawer/_drawer_context.tsx +3 -0
  62. data/app/pb_kits/playbook/pb_drawer/context.ts +11 -0
  63. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +8 -0
  64. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +41 -0
  65. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +33 -0
  66. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +78 -0
  67. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +3 -0
  68. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +26 -0
  69. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +20 -0
  70. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +59 -0
  71. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +24 -0
  72. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +61 -0
  73. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +24 -0
  74. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +21 -0
  75. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +54 -0
  76. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +1 -0
  77. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +49 -0
  78. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +99 -0
  79. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +20 -0
  80. data/app/pb_kits/playbook/pb_drawer/docs/index.js +7 -0
  81. data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +20 -0
  82. data/app/pb_kits/playbook/pb_drawer/drawer.rb +56 -0
  83. data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +81 -0
  84. data/app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx +60 -0
  85. data/app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx +21 -0
  86. data/app/pb_kits/playbook/pb_drawer/index.js +257 -0
  87. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
  88. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +6 -6
  89. data/app/pb_kits/playbook/pb_dropdown/index.js +3 -3
  90. data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +4 -4
  91. data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +9 -20
  92. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -1
  93. data/app/pb_kits/playbook/pb_filter/_filter.scss +8 -8
  94. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +29 -65
  95. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +2 -1
  96. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +2 -3
  97. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.test.js +1 -1
  98. data/app/pb_kits/playbook/pb_flex/_flex.scss +100 -106
  99. data/app/pb_kits/playbook/pb_flex/_flex.tsx +25 -32
  100. data/app/pb_kits/playbook/pb_flex/_flex_item.scss +51 -146
  101. data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +8 -19
  102. data/app/pb_kits/playbook/pb_flex/flex.rb +16 -16
  103. data/app/pb_kits/playbook/pb_flex/flex_item.rb +6 -6
  104. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +1 -1
  105. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +344 -381
  106. data/app/pb_kits/playbook/pb_form_pill/_form_pill.test.jsx +4 -4
  107. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +7 -8
  108. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +2 -9
  109. data/app/pb_kits/playbook/pb_gauge/_gauge.scss +5 -5
  110. data/app/pb_kits/playbook/pb_hashtag/_hashtag.scss +1 -1
  111. data/app/pb_kits/playbook/pb_highlight/_highlight.scss +1 -1
  112. data/app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js +2 -2
  113. data/app/pb_kits/playbook/pb_icon_button/_icon_button.scss +4 -4
  114. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +39 -40
  115. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
  116. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +1 -1
  117. data/app/pb_kits/playbook/pb_icon_value/_icon_value.scss +15 -16
  118. data/app/pb_kits/playbook/pb_image/_image.scss +36 -41
  119. data/app/pb_kits/playbook/pb_label_pill/_label_pill.scss +1 -1
  120. data/app/pb_kits/playbook/pb_label_value/_label_value.scss +2 -3
  121. data/app/pb_kits/playbook/pb_label_value/label_value.test.js +2 -2
  122. data/app/pb_kits/playbook/pb_layout/_layout.scss +305 -336
  123. data/app/pb_kits/playbook/pb_layout/_layout.tsx +11 -14
  124. data/app/pb_kits/playbook/pb_layout/item.rb +7 -1
  125. data/app/pb_kits/playbook/pb_layout/layout.rb +25 -16
  126. data/app/pb_kits/playbook/pb_layout/layout.test.js +3 -3
  127. data/app/pb_kits/playbook/pb_legend/_legend.scss +16 -66
  128. data/app/pb_kits/playbook/pb_legend/legend.test.js +1 -1
  129. data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +4 -4
  130. data/app/pb_kits/playbook/pb_lightbox/lightbox.test.jsx +1 -1
  131. data/app/pb_kits/playbook/pb_link/_link.scss +19 -113
  132. data/app/pb_kits/playbook/pb_list/_list.scss +1 -1
  133. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss +11 -13
  134. data/app/pb_kits/playbook/pb_map/_map.scss +1 -1
  135. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -1
  136. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -1
  137. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -1
  138. data/app/pb_kits/playbook/pb_message/_message.scss +16 -21
  139. data/app/pb_kits/playbook/pb_message/_message.tsx +0 -1
  140. data/app/pb_kits/playbook/pb_message/_message_mixins.scss +12 -5
  141. data/app/pb_kits/playbook/pb_message/message.html.erb +1 -1
  142. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +3 -6
  143. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +15 -16
  144. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +1 -1
  145. data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +1 -1
  146. data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +1 -1
  147. data/app/pb_kits/playbook/pb_online_status/_online_status.scss +15 -19
  148. data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +1 -1
  149. data/app/pb_kits/playbook/pb_online_status/online_status.rb +4 -5
  150. data/app/pb_kits/playbook/pb_online_status/online_status.test.js +2 -2
  151. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +1 -1
  152. data/app/pb_kits/playbook/pb_overlay/overlay.rb +1 -1
  153. data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +2 -5
  154. data/app/pb_kits/playbook/pb_person/_person.scss +1 -1
  155. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +1 -1
  156. data/app/pb_kits/playbook/pb_pill/_pill.scss +21 -23
  157. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +13 -15
  158. data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +33 -108
  159. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +1 -1
  160. data/app/pb_kits/playbook/pb_radio/_radio.scss +52 -71
  161. data/app/pb_kits/playbook/pb_radio/_radio.tsx +1 -1
  162. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +3 -0
  163. data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +4 -4
  164. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +70 -81
  165. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -9
  166. data/app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss +1 -1
  167. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +1 -3
  168. data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +1 -7
  169. data/app/pb_kits/playbook/pb_select/_select.scss +4 -4
  170. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +2 -6
  171. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +8 -17
  172. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +29 -39
  173. data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +0 -2
  174. data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +11 -8
  175. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js +3 -2
  176. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +2 -2
  177. data/app/pb_kits/playbook/pb_source/_source.scss +8 -8
  178. data/app/pb_kits/playbook/pb_star_rating/_star_rating.scss +1 -1
  179. data/app/pb_kits/playbook/pb_star_rating/star_rating.test.js +1 -1
  180. data/app/pb_kits/playbook/pb_stat_value/_stat_value.scss +2 -2
  181. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +5 -5
  182. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +0 -3
  183. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -3
  184. data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
  185. data/app/pb_kits/playbook/pb_text_input/text_input.rb +3 -2
  186. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +0 -38
  187. data/app/pb_kits/playbook/pb_textarea/_textarea.scss +6 -6
  188. data/app/pb_kits/playbook/pb_time/_time.scss +17 -44
  189. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +23 -44
  190. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.rb +1 -1
  191. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.scss +8 -5
  192. data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +10 -16
  193. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +4 -1
  194. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +1 -1
  195. data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js +2 -2
  196. data/app/pb_kits/playbook/pb_title/_title.scss +39 -44
  197. data/app/pb_kits/playbook/pb_title/_title.tsx +8 -17
  198. data/app/pb_kits/playbook/pb_title/_title_mixin.scss +2 -2
  199. data/app/pb_kits/playbook/pb_title/title.rb +10 -20
  200. data/app/pb_kits/playbook/pb_title/title.test.js +4 -4
  201. data/app/pb_kits/playbook/pb_title_count/_title_count.scss +8 -19
  202. data/app/pb_kits/playbook/pb_title_detail/_title_detail.scss +11 -10
  203. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +1 -4
  204. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +4 -3
  205. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +1 -1
  206. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +3 -3
  207. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb +1 -1
  208. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
  209. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +22 -1
  210. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
  211. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb +2 -2
  212. data/app/pb_kits/playbook/pb_user/_user.scss +33 -83
  213. data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +7 -14
  214. data/app/pb_kits/playbook/pb_user/user.test.js +1 -1
  215. data/app/pb_kits/playbook/pb_user_badge/_user_badge.scss +8 -23
  216. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss +10 -10
  217. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx +3 -3
  218. data/dist/chunks/{_line_graph-CTpWU06n.js → _line_graph-CiVc-Cod.js} +1 -1
  219. data/dist/chunks/_typeahead-BQnvz-Ks.js +6 -0
  220. data/dist/chunks/{_weekday_stacked-DvnT8mDi.js → _weekday_stacked-CX4YxAHz.js} +2 -2
  221. data/dist/chunks/vendor.js +1 -1
  222. data/dist/menu.yml +6 -0
  223. data/dist/playbook-doc.js +2 -2
  224. data/dist/playbook-rails-react-bindings.js +1 -1
  225. data/dist/playbook-rails.js +1 -1
  226. data/dist/playbook.css +1 -1
  227. data/lib/playbook/version.rb +1 -1
  228. metadata +34 -8
  229. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +0 -41
  230. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +0 -80
  231. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +0 -1
  232. data/dist/chunks/_typeahead-DmVCLhQz.js +0 -6
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.25.0"
5
- VERSION = "14.25.0.pre.alpha.PLAY2369textinputautocompleteprop10269"
5
+ VERSION = "14.25.0.pre.alpha.PLAY2379datekitjesttestreact9838"
6
6
  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: 14.25.0.pre.alpha.PLAY2369textinputautocompleteprop10269
4
+ version: 14.25.0.pre.alpha.PLAY2379datekitjesttestreact9838
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: 2025-09-08 00:00:00.000000000 Z
12
+ date: 2025-08-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1337,6 +1337,35 @@ files:
1337
1337
  - app/pb_kits/playbook/pb_draggable/index.js
1338
1338
  - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
1339
1339
  - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
1340
+ - app/pb_kits/playbook/pb_drawer/_close_icon.tsx
1341
+ - app/pb_kits/playbook/pb_drawer/_drawer.scss
1342
+ - app/pb_kits/playbook/pb_drawer/_drawer.tsx
1343
+ - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
1344
+ - app/pb_kits/playbook/pb_drawer/context.ts
1345
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
1346
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
1347
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
1348
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
1349
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
1350
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
1351
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
1352
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
1353
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
1354
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
1355
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
1356
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
1357
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
1358
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
1359
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
1360
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
1361
+ - app/pb_kits/playbook/pb_drawer/docs/example.yml
1362
+ - app/pb_kits/playbook/pb_drawer/docs/index.js
1363
+ - app/pb_kits/playbook/pb_drawer/drawer.html.erb
1364
+ - app/pb_kits/playbook/pb_drawer/drawer.rb
1365
+ - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
1366
+ - app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
1367
+ - app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
1368
+ - app/pb_kits/playbook/pb_drawer/index.js
1340
1369
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1341
1370
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1342
1371
  - app/pb_kits/playbook/pb_dropdown/_dropdown_mixin.scss
@@ -3111,9 +3140,6 @@ files:
3111
3140
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
3112
3141
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
3113
3142
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
3114
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb
3115
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx
3116
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md
3117
3143
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
3118
3144
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
3119
3145
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
@@ -3623,9 +3649,9 @@ files:
3623
3649
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3624
3650
  - app/pb_kits/playbook/utilities/text.ts
3625
3651
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3626
- - dist/chunks/_line_graph-CTpWU06n.js
3627
- - dist/chunks/_typeahead-DmVCLhQz.js
3628
- - dist/chunks/_weekday_stacked-DvnT8mDi.js
3652
+ - dist/chunks/_line_graph-CiVc-Cod.js
3653
+ - dist/chunks/_typeahead-BQnvz-Ks.js
3654
+ - dist/chunks/_weekday_stacked-CX4YxAHz.js
3629
3655
  - dist/chunks/lazysizes-B7xYodB-.js
3630
3656
  - dist/chunks/lib-CY5ZPzic.js
3631
3657
  - dist/chunks/pb_form_validation-D3b0JKHH.js
@@ -1,41 +0,0 @@
1
- <%= pb_rails("text_input", props: {
2
- autocomplete: false,
3
- label: "autocomplete='off'",
4
- name: "firstName",
5
- placeholder: "Enter first name",
6
- }) %>
7
-
8
- <%= pb_rails("text_input", props: {
9
- label: "no autocomplete attribute (let browser decide- basically 'on')",
10
- name: "lastName",
11
- placeholder: "Enter last name"
12
- }) %>
13
-
14
- <%= pb_rails("text_input", props: {
15
- autocomplete: true,
16
- label: "autocomplete='on'",
17
- name: "phone",
18
- type: "phone",
19
- placeholder: "Enter phone number"
20
- }) %>
21
-
22
- <%= pb_rails("body", props: { margin_bottom: "sm" }) do %>
23
- The following have the same autocomplete attributes (email), but have
24
- different name attributes (email and emailAlt). Many browsers will
25
- open autocomplete based on name attributes instead of autocomplete:
26
- <% end %>
27
-
28
- <%= pb_rails("text_input", props: {
29
- autocomplete: "email",
30
- label: "autocomplete='email' name='email'",
31
- name: "email",
32
- placeholder: "Enter email address"
33
- }) %>
34
-
35
- <%= pb_rails("text_input", props: {
36
- autocomplete: "email",
37
- label: "autocomplete='email' name='emailAlt'",
38
- name: "emailAlt",
39
- type: "email",
40
- placeholder: "Enter email address"
41
- }) %>
@@ -1,80 +0,0 @@
1
- import React, { useState } from 'react'
2
-
3
- import TextInput from '../../pb_text_input/_text_input'
4
- import Body from '../../pb_body/_body'
5
-
6
-
7
- const TextInputAutocomplete = (props) => {
8
- const [formFields, setFormFields] = useState({
9
- firstName: "",
10
- lastName: "",
11
- phone: "",
12
- emailTest: "",
13
- email: "",
14
- });
15
-
16
- const handleOnChangeFormField = ({ target }) => {
17
- const { name, value } = target;
18
- setFormFields({ ...formFields, [name]: value });
19
- };
20
-
21
- return (
22
- <div>
23
- <TextInput
24
- autoComplete={false}
25
- label="autocomplete='off'"
26
- name="firstName"
27
- onChange={handleOnChangeFormField}
28
- placeholder="Enter first name"
29
- value={formFields.firstName}
30
- {...props}
31
- />
32
- <TextInput
33
- label="no autocomplete attribute (let browser decide- basically 'on')"
34
- name="lastName"
35
- onChange={handleOnChangeFormField}
36
- placeholder="Enter last name"
37
- value={formFields.lastName}
38
- {...props}
39
- />
40
- <TextInput
41
- autoComplete
42
- label="autocomplete='on'"
43
- name="phone"
44
- onChange={handleOnChangeFormField}
45
- placeholder="Enter phone number"
46
- type="phone"
47
- value={formFields.phone}
48
- {...props}
49
- />
50
- <Body marginBottom="sm">
51
- The following have the same autocomplete attributes (email), but have
52
- different name attributes (email and emailAlt). Many browsers will
53
- open autocomplete based on name attributes instead of autocomplete:
54
- </Body>
55
- <TextInput
56
- autoComplete="email"
57
- label="autocomplete='email' name='email'"
58
- name="email"
59
- onChange={handleOnChangeFormField}
60
- placeholder="Enter email address"
61
- type="email"
62
- value={formFields.email}
63
- {...props}
64
- />
65
- <TextInput
66
- autoComplete="email"
67
- label="autocomplete='email' name='emailAlt'"
68
- marginTop="sm"
69
- name="emailTest"
70
- onChange={handleOnChangeFormField}
71
- placeholder="Enter email address"
72
- type="email"
73
- value={formFields.emailTest}
74
- {...props}
75
- />
76
- </div>
77
- );
78
- };
79
-
80
- export default TextInputAutocomplete;
@@ -1 +0,0 @@
1
- Set this prop to `false` or `"off"` to remove autocomplete from text inputs. You can also set it to a string, but browsers will often defer to other attributes like `name`.