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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -6
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/_avatar.scss +65 -60
- data/app/pb_kits/playbook/pb_avatar/avatar.test.js +1 -1
- data/app/pb_kits/playbook/pb_background/_background.scss +3 -3
- data/app/pb_kits/playbook/pb_badge/_badge.scss +29 -135
- data/app/pb_kits/playbook/pb_body/_body.scss +35 -108
- data/app/pb_kits/playbook/pb_body/_body_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +30 -17
- data/app/pb_kits/playbook/pb_button/_button.scss +31 -39
- data/app/pb_kits/playbook/pb_button/_button.tsx +12 -12
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_button/button.rb +18 -11
- data/app/pb_kits/playbook/pb_button/button.test.js +3 -3
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss +73 -82
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss +33 -32
- data/app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.test.js +2 -2
- data/app/pb_kits/playbook/pb_caption/_caption.scss +17 -100
- data/app/pb_kits/playbook/pb_caption/_caption_mixin.scss +8 -1
- data/app/pb_kits/playbook/pb_card/_card.scss +79 -116
- data/app/pb_kits/playbook/pb_card/_card.tsx +11 -26
- data/app/pb_kits/playbook/pb_card/_card_mixin.scss +1 -1
- data/app/pb_kits/playbook/pb_card/card.rb +7 -8
- data/app/pb_kits/playbook/pb_card/card_header.rb +2 -6
- data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +1 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +2 -11
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +7 -7
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js +1 -1
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +4 -4
- data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_currency/_currency.scss +39 -124
- data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss +6 -16
- data/app/pb_kits/playbook/pb_date/_date.scss +18 -16
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +12 -12
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +2 -2
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +5 -6
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss +23 -29
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.scss +1 -1
- data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.test.js +2 -2
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.scss +26 -66
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.rb +1 -1
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +2 -2
- data/app/pb_kits/playbook/pb_date_time/_date_time.scss +15 -8
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss +7 -6
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.scss +14 -17
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +1 -1
- data/app/pb_kits/playbook/pb_detail/_detail.scss +21 -86
- data/app/pb_kits/playbook/pb_dialog/_dialog.scss +123 -330
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb +2 -16
- data/app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss +7 -10
- data/app/pb_kits/playbook/pb_draggable/draggable.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_drawer/_close_icon.tsx +25 -0
- data/app/pb_kits/playbook/pb_drawer/_drawer.scss +381 -0
- data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +231 -0
- data/app/pb_kits/playbook/pb_drawer/_drawer_context.tsx +3 -0
- data/app/pb_kits/playbook/pb_drawer/context.ts +11 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +8 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +41 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +33 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +78 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +3 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +26 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +20 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +59 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +24 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +61 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +24 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +21 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +54 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +1 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +49 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +99 -0
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +20 -0
- data/app/pb_kits/playbook/pb_drawer/docs/index.js +7 -0
- data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +20 -0
- data/app/pb_kits/playbook/pb_drawer/drawer.rb +56 -0
- data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +81 -0
- data/app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx +60 -0
- data/app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx +21 -0
- data/app/pb_kits/playbook/pb_drawer/index.js +257 -0
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +6 -6
- data/app/pb_kits/playbook/pb_dropdown/index.js +3 -3
- data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +4 -4
- data/app/pb_kits/playbook/pb_file_upload/_file_upload.scss +9 -20
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +1 -1
- data/app/pb_kits/playbook/pb_filter/_filter.scss +8 -8
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +29 -65
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +2 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md +2 -3
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.test.js +1 -1
- data/app/pb_kits/playbook/pb_flex/_flex.scss +100 -106
- data/app/pb_kits/playbook/pb_flex/_flex.tsx +25 -32
- data/app/pb_kits/playbook/pb_flex/_flex_item.scss +51 -146
- data/app/pb_kits/playbook/pb_flex/_flex_item.tsx +8 -19
- data/app/pb_kits/playbook/pb_flex/flex.rb +16 -16
- data/app/pb_kits/playbook/pb_flex/flex_item.rb +6 -6
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +344 -381
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.test.jsx +4 -4
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +7 -8
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +2 -9
- data/app/pb_kits/playbook/pb_gauge/_gauge.scss +5 -5
- data/app/pb_kits/playbook/pb_hashtag/_hashtag.scss +1 -1
- data/app/pb_kits/playbook/pb_highlight/_highlight.scss +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/home_adress_street.test.js +2 -2
- data/app/pb_kits/playbook/pb_icon_button/_icon_button.scss +4 -4
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +39 -40
- data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +1 -1
- data/app/pb_kits/playbook/pb_icon_value/_icon_value.scss +15 -16
- data/app/pb_kits/playbook/pb_image/_image.scss +36 -41
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.scss +1 -1
- data/app/pb_kits/playbook/pb_label_value/_label_value.scss +2 -3
- data/app/pb_kits/playbook/pb_label_value/label_value.test.js +2 -2
- data/app/pb_kits/playbook/pb_layout/_layout.scss +305 -336
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +11 -14
- data/app/pb_kits/playbook/pb_layout/item.rb +7 -1
- data/app/pb_kits/playbook/pb_layout/layout.rb +25 -16
- data/app/pb_kits/playbook/pb_layout/layout.test.js +3 -3
- data/app/pb_kits/playbook/pb_legend/_legend.scss +16 -66
- data/app/pb_kits/playbook/pb_legend/legend.test.js +1 -1
- data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +4 -4
- data/app/pb_kits/playbook/pb_lightbox/lightbox.test.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/_link.scss +19 -113
- data/app/pb_kits/playbook/pb_list/_list.scss +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.scss +11 -13
- data/app/pb_kits/playbook/pb_map/_map.scss +1 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message.scss +16 -21
- data/app/pb_kits/playbook/pb_message/_message.tsx +0 -1
- data/app/pb_kits/playbook/pb_message/_message_mixins.scss +12 -5
- data/app/pb_kits/playbook/pb_message/message.html.erb +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +3 -6
- data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +15 -16
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +1 -1
- data/app/pb_kits/playbook/pb_nav/_bold_mixin.scss +1 -1
- data/app/pb_kits/playbook/pb_nav/_collapsible_nav.scss +1 -1
- data/app/pb_kits/playbook/pb_online_status/_online_status.scss +15 -19
- data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +1 -1
- data/app/pb_kits/playbook/pb_online_status/online_status.rb +4 -5
- data/app/pb_kits/playbook/pb_online_status/online_status.test.js +2 -2
- data/app/pb_kits/playbook/pb_overlay/_overlay.scss +1 -1
- data/app/pb_kits/playbook/pb_overlay/overlay.rb +1 -1
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.scss +2 -5
- data/app/pb_kits/playbook/pb_person/_person.scss +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +1 -1
- data/app/pb_kits/playbook/pb_pill/_pill.scss +21 -23
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +13 -15
- data/app/pb_kits/playbook/pb_progress_simple/_progress_simple.scss +33 -108
- data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +1 -1
- data/app/pb_kits/playbook/pb_radio/_radio.scss +52 -71
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +1 -1
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +3 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +4 -4
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +70 -81
- data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +1 -9
- data/app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss +1 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +1 -3
- data/app/pb_kits/playbook/pb_section_separator/section_separator.rb +1 -7
- data/app/pb_kits/playbook/pb_select/_select.scss +4 -4
- data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +2 -6
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +8 -17
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +29 -39
- data/app/pb_kits/playbook/pb_selectable_list/_item.tsx +0 -2
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +11 -8
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js +3 -2
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +2 -2
- data/app/pb_kits/playbook/pb_source/_source.scss +8 -8
- data/app/pb_kits/playbook/pb_star_rating/_star_rating.scss +1 -1
- data/app/pb_kits/playbook/pb_star_rating/star_rating.test.js +1 -1
- data/app/pb_kits/playbook/pb_stat_value/_stat_value.scss +2 -2
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +5 -5
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +0 -3
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +3 -2
- data/app/pb_kits/playbook/pb_text_input/text_input.test.js +0 -38
- data/app/pb_kits/playbook/pb_textarea/_textarea.scss +6 -6
- data/app/pb_kits/playbook/pb_time/_time.scss +17 -44
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss +23 -44
- data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.rb +1 -1
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.scss +8 -5
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +10 -16
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +4 -1
- data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +1 -1
- data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js +2 -2
- data/app/pb_kits/playbook/pb_title/_title.scss +39 -44
- data/app/pb_kits/playbook/pb_title/_title.tsx +8 -17
- data/app/pb_kits/playbook/pb_title/_title_mixin.scss +2 -2
- data/app/pb_kits/playbook/pb_title/title.rb +10 -20
- data/app/pb_kits/playbook/pb_title/title.test.js +4 -4
- data/app/pb_kits/playbook/pb_title_count/_title_count.scss +8 -19
- data/app/pb_kits/playbook/pb_title_detail/_title_detail.scss +11 -10
- data/app/pb_kits/playbook/pb_toggle/_toggle.scss +1 -4
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +4 -3
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +3 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.html.erb +22 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_without_pills.html.erb +2 -2
- data/app/pb_kits/playbook/pb_user/_user.scss +33 -83
- data/app/pb_kits/playbook/pb_user/docs/_user_props_table.md +7 -14
- data/app/pb_kits/playbook/pb_user/user.test.js +1 -1
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.scss +8 -23
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.scss +10 -10
- data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx +3 -3
- data/dist/chunks/{_line_graph-CTpWU06n.js → _line_graph-CiVc-Cod.js} +1 -1
- data/dist/chunks/_typeahead-BQnvz-Ks.js +6 -0
- data/dist/chunks/{_weekday_stacked-DvnT8mDi.js → _weekday_stacked-CX4YxAHz.js} +2 -2
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +6 -0
- data/dist/playbook-doc.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +34 -8
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +0 -41
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +0 -80
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +0 -1
- data/dist/chunks/_typeahead-DmVCLhQz.js +0 -6
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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-
|
3627
|
-
- dist/chunks/_typeahead-
|
3628
|
-
- dist/chunks/_weekday_stacked-
|
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`.
|