playbook_ui 16.1.0.pre.alpha.PLAY276913866 → 16.1.0.pre.alpha.play2724typeaheadindicator13970

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 (108) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_checkbox/_checkbox.scss +1 -1
  3. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +17 -0
  4. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +10 -1
  5. data/app/pb_kits/playbook/pb_checkbox/checkbox.rb +2 -0
  6. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.html.erb +6 -0
  7. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.jsx +17 -0
  8. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.md +3 -0
  9. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +2 -0
  10. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +1 -0
  11. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +4 -13
  12. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +8 -6
  13. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +6 -0
  14. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +37 -2
  15. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md +3 -0
  16. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md +3 -0
  17. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb +52 -0
  18. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx +72 -0
  19. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md +5 -0
  20. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx +33 -0
  21. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb +20 -0
  22. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md +8 -0
  23. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md +8 -0
  24. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb +9 -0
  25. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx +33 -0
  26. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md +3 -0
  27. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +6 -0
  28. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +4 -1
  29. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  30. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +6 -0
  31. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +94 -0
  32. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +5 -1
  33. data/app/pb_kits/playbook/pb_dropdown/index.js +59 -4
  34. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -0
  35. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -1
  36. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +1 -1
  37. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +2 -2
  38. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +16 -9
  39. data/app/pb_kits/playbook/pb_filter/filter.rb +2 -2
  40. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +5 -2
  41. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb +5 -5
  42. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +4 -4
  43. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +4 -0
  44. data/app/pb_kits/playbook/pb_passphrase/_passphrase.tsx +20 -5
  45. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -0
  46. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb +7 -0
  47. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx +24 -0
  48. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md +3 -0
  49. data/app/pb_kits/playbook/pb_passphrase/docs/example.yml +2 -0
  50. data/app/pb_kits/playbook/pb_passphrase/docs/index.js +1 -0
  51. data/app/pb_kits/playbook/pb_passphrase/passphrase.rb +2 -0
  52. data/app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx +30 -1
  53. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +3 -0
  54. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb +5 -0
  55. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx +14 -0
  56. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md +3 -0
  57. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  58. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  59. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +3 -0
  60. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +34 -3
  61. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +10 -10
  62. data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +24 -1
  63. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +412 -324
  64. data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +2 -0
  65. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +4 -1
  66. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.html.erb +16 -0
  67. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.jsx +23 -0
  68. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.md +3 -0
  69. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +1 -1
  70. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  71. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
  72. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +22 -21
  73. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +3 -2
  74. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +7 -1
  75. data/dist/chunks/{_pb_line_graph-BgKF_zz1.js → _pb_line_graph-CFpRBk64.js} +1 -1
  76. data/dist/chunks/_typeahead-D2EbYcmG.js +1 -0
  77. data/dist/chunks/{globalProps-BhVYCqRf.js → globalProps-CXOg_9fx.js} +1 -1
  78. data/dist/chunks/lib-DTxpoePf.js +29 -0
  79. data/dist/chunks/vendor.js +3 -3
  80. data/dist/playbook-rails-react-bindings.js +1 -1
  81. data/dist/playbook-rails.js +1 -1
  82. data/dist/playbook.css +1 -1
  83. data/lib/playbook/align_content.rb +13 -3
  84. data/lib/playbook/align_items.rb +13 -3
  85. data/lib/playbook/align_self.rb +13 -3
  86. data/lib/playbook/display.rb +5 -0
  87. data/lib/playbook/flex.rb +13 -3
  88. data/lib/playbook/flex_direction.rb +13 -3
  89. data/lib/playbook/flex_grow.rb +13 -3
  90. data/lib/playbook/flex_shrink.rb +13 -3
  91. data/lib/playbook/flex_wrap.rb +13 -3
  92. data/lib/playbook/forms/builder/form_field_builder.rb +1 -1
  93. data/lib/playbook/forms/builder/phone_number_field.rb +9 -0
  94. data/lib/playbook/forms/builder/typeahead_field.rb +15 -1
  95. data/lib/playbook/forms/builder.rb +2 -2
  96. data/lib/playbook/justify_content.rb +13 -3
  97. data/lib/playbook/justify_self.rb +13 -3
  98. data/lib/playbook/order.rb +13 -3
  99. data/lib/playbook/spacing.rb +39 -9
  100. data/lib/playbook/text_align.rb +13 -3
  101. data/lib/playbook/truncate.rb +1 -1
  102. data/lib/playbook/version.rb +1 -1
  103. data/lib/playbook/vertical_align.rb +13 -3
  104. data/lib/playbook/z_index.rb +5 -0
  105. metadata +30 -7
  106. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md +0 -1
  107. data/dist/chunks/_typeahead-B9a6ZsEP.js +0 -1
  108. data/dist/chunks/lib-DD34ZrWL.js +0 -29
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: 16.1.0.pre.alpha.PLAY276913866
4
+ version: 16.1.0.pre.alpha.play2724typeaheadindicator13970
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: 2026-01-27 00:00:00.000000000 Z
12
+ date: 2026-01-29 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -739,6 +739,9 @@ files:
739
739
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
740
740
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
741
741
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
742
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.html.erb
743
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.jsx
744
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.md
742
745
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
743
746
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
744
747
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -955,7 +958,6 @@ files:
955
958
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
956
959
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
957
960
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
958
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md
959
961
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
960
962
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
961
963
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
@@ -1311,6 +1313,8 @@ files:
1311
1313
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
1312
1314
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
1313
1315
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
1316
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md
1317
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md
1314
1318
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
1315
1319
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
1316
1320
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
@@ -1372,6 +1376,13 @@ files:
1372
1376
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1373
1377
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1374
1378
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1379
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb
1380
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx
1381
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md
1382
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx
1383
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb
1384
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md
1385
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md
1375
1386
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
1376
1387
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
1377
1388
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
@@ -1402,6 +1413,9 @@ files:
1402
1413
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1403
1414
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1404
1415
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1416
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb
1417
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx
1418
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md
1405
1419
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
1406
1420
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
1407
1421
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
@@ -2353,6 +2367,9 @@ files:
2353
2367
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb
2354
2368
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx
2355
2369
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
2370
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb
2371
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx
2372
+ - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md
2356
2373
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb
2357
2374
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx
2358
2375
  - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md
@@ -2555,6 +2572,9 @@ files:
2555
2572
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
2556
2573
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
2557
2574
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
2575
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
2576
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
2577
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
2558
2578
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
2559
2579
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
2560
2580
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -3641,6 +3661,9 @@ files:
3641
3661
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
3642
3662
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
3643
3663
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
3664
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.html.erb
3665
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.jsx
3666
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.md
3644
3667
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
3645
3668
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
3646
3669
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -3859,12 +3882,12 @@ files:
3859
3882
  - app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js
3860
3883
  - app/pb_kits/playbook/utilities/text.ts
3861
3884
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3862
- - dist/chunks/_pb_line_graph-BgKF_zz1.js
3863
- - dist/chunks/_typeahead-B9a6ZsEP.js
3885
+ - dist/chunks/_pb_line_graph-CFpRBk64.js
3886
+ - dist/chunks/_typeahead-D2EbYcmG.js
3864
3887
  - dist/chunks/componentRegistry-DzmmLR2x.js
3865
- - dist/chunks/globalProps-BhVYCqRf.js
3888
+ - dist/chunks/globalProps-CXOg_9fx.js
3866
3889
  - dist/chunks/lazysizes-B7xYodB-.js
3867
- - dist/chunks/lib-DD34ZrWL.js
3890
+ - dist/chunks/lib-DTxpoePf.js
3868
3891
  - dist/chunks/vendor.js
3869
3892
  - dist/menu.yml
3870
3893
  - dist/playbook-rails-react-bindings.js
data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md DELETED
@@ -1 +0,0 @@
1
- Add a `pickerId` to your Date Picker so that clicking the label will move focus directly to the input.