playbook_ui_docs 14.18.0 → 14.19.0.pre.alpha.PLAY1973formpillinternalsizing7728

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 (133) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +0 -6
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +80 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +3 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +58 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +3 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +57 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +4 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx +62 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +1 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx +82 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md +1 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +65 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +1 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.jsx → _advanced_table_selectable_rows_no_subrows_react.jsx} +2 -2
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +10 -5
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +7 -2
  20. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  21. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  22. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  23. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  24. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb +2 -2
  25. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +1 -1
  26. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb +1 -1
  27. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb +1 -1
  29. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +1 -1
  31. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +1 -1
  33. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  34. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +2 -2
  35. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +38 -0
  36. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +1 -0
  37. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb +1 -1
  38. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +2 -3
  40. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +2 -1
  41. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  42. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +4 -1
  43. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +4 -0
  44. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -1
  45. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +5 -1
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx +34 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md +14 -0
  48. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb +20 -0
  49. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md +14 -0
  50. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  51. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  52. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +64 -0
  53. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +55 -0
  54. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +1 -0
  55. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  56. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  57. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  58. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  59. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  60. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +4 -1
  61. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  62. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  63. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +4 -1
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  65. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  67. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  74. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -4
  75. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  76. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  77. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  78. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  79. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  80. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  81. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb +1 -0
  82. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx +41 -0
  83. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +2 -0
  84. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +1 -0
  85. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb +41 -0
  86. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md +1 -0
  87. data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
  88. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -1
  89. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +52 -0
  90. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +1 -0
  91. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +1 -0
  92. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
  93. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  94. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  95. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  96. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  97. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  98. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +10 -0
  99. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +20 -0
  100. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +1 -0
  101. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +8 -1
  102. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  103. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  104. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +46 -0
  105. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md +1 -0
  106. data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -0
  107. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  108. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +7 -2
  109. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  110. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  111. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +9 -1
  112. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  113. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +7 -1
  114. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  115. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +6 -2
  116. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  117. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  118. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  119. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  120. data/dist/playbook-doc.js +2 -2
  121. metadata +66 -16
  122. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  123. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  124. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  125. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  126. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  127. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  128. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.html.erb → _advanced_table_selectable_rows_no_subrows_rails.html.erb} +0 -0
  129. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  130. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors.md → _draggable_drop_zones_colors_react.md} +0 -0
  131. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  132. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones.md → _draggable_drop_zones_react.md} +0 -0
  133. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.18.0
4
+ version: 14.19.0.pre.alpha.PLAY1973formpillinternalsizing7728
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-04-25 00:00:00.000000000 Z
12
+ date: 2025-05-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -43,6 +43,10 @@ files:
43
43
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
44
44
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
45
45
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
46
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx
47
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md
48
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb
49
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md
46
50
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
47
51
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
48
52
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
@@ -50,6 +54,14 @@ files:
50
54
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
51
55
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
52
56
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
57
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
58
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
59
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
60
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md
61
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx
62
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md
63
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx
64
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md
53
65
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
54
66
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
55
67
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -79,18 +91,18 @@ files:
79
91
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
80
92
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
81
93
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
82
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb
83
94
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
95
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
84
96
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
85
97
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
86
98
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
87
99
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
88
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb
89
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
100
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.html.erb
90
101
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
102
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.jsx
91
103
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
104
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
92
105
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
93
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_react.md
94
106
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
95
107
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
96
108
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -132,6 +144,8 @@ files:
132
144
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
133
145
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
134
146
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
147
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb
148
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx
135
149
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
136
150
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
137
151
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
@@ -391,6 +405,8 @@ files:
391
405
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx
392
406
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.md
393
407
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx
408
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx
409
+ - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md
394
410
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb
395
411
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx
396
412
  - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb
@@ -593,6 +609,10 @@ files:
593
609
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
594
610
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
595
611
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
612
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx
613
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md
614
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb
615
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md
596
616
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
597
617
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
598
618
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
@@ -731,14 +751,22 @@ files:
731
751
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
732
752
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
733
753
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_react.md
754
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb
734
755
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.jsx
735
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.md
756
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb
736
757
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
737
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.md
758
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
759
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
760
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
738
761
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
739
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
762
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
763
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
764
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
765
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
740
766
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
741
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
767
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
768
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
769
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
742
770
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
743
771
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
744
772
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -799,10 +827,12 @@ files:
799
827
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
800
828
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
801
829
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
830
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
802
831
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
803
832
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
804
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
805
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
833
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
834
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
835
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
806
836
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
807
837
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
808
838
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -819,15 +849,23 @@ files:
819
849
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
820
850
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
821
851
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
822
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
852
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
823
853
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
824
854
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
825
855
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
856
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
857
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
858
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
859
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
826
860
  - app/pb_kits/playbook/pb_dropdown/docs/example.yml
827
861
  - app/pb_kits/playbook/pb_dropdown/docs/index.js
862
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
828
863
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
864
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
829
865
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
866
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
830
867
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
868
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
831
869
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
832
870
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
833
871
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
@@ -842,6 +880,8 @@ files:
842
880
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx
843
881
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.html.erb
844
882
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
883
+ - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb
884
+ - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx
845
885
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx
846
886
  - app/pb_kits/playbook/pb_file_upload/docs/example.yml
847
887
  - app/pb_kits/playbook/pb_file_upload/docs/index.js
@@ -872,6 +912,8 @@ files:
872
912
  - app/pb_kits/playbook/pb_filter/docs/_filter_popover_props_react.md
873
913
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
874
914
  - app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx
915
+ - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb
916
+ - app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md
875
917
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb
876
918
  - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
877
919
  - app/pb_kits/playbook/pb_filter/docs/example.yml
@@ -988,9 +1030,6 @@ files:
988
1030
  - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
989
1031
  - app/pb_kits/playbook/pb_form_pill/docs/example.yml
990
1032
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
991
- - app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
992
- - app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
993
- - app/pb_kits/playbook/pb_gantt_chart/docs/index.js
994
1033
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
995
1034
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx
996
1035
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.md
@@ -1242,6 +1281,8 @@ files:
1242
1281
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.html.erb
1243
1282
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx
1244
1283
  - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
1284
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx
1285
+ - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md
1245
1286
  - app/pb_kits/playbook/pb_line_graph/docs/example.yml
1246
1287
  - app/pb_kits/playbook/pb_line_graph/docs/index.js
1247
1288
  - app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
@@ -1296,6 +1337,8 @@ files:
1296
1337
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
1297
1338
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
1298
1339
  - app/pb_kits/playbook/pb_message/docs/_message_default_swift.md
1340
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb
1341
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx
1299
1342
  - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
1300
1343
  - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
1301
1344
  - app/pb_kits/playbook/pb_message/docs/_message_mentions.html.erb
@@ -1543,6 +1586,9 @@ files:
1543
1586
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.md
1544
1587
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx
1545
1588
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.md
1589
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb
1590
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx
1591
+ - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md
1546
1592
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
1547
1593
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
1548
1594
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
@@ -1580,6 +1626,8 @@ files:
1580
1626
  - app/pb_kits/playbook/pb_popover/docs/_description.md
1581
1627
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb
1582
1628
  - app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx
1629
+ - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb
1630
+ - app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md
1583
1631
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.html.erb
1584
1632
  - app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx
1585
1633
  - app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb
@@ -2282,6 +2330,8 @@ files:
2282
2330
  - app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
2283
2331
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
2284
2332
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
2333
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb
2334
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx
2285
2335
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
2286
2336
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
2287
2337
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
@@ -1 +0,0 @@
1
- `autocomplete` prop can also be used in conjunction with the `customDisplay` prop.
@@ -1,79 +0,0 @@
1
- import React, { useRef } from 'react'
2
-
3
- import Dropdown from '../../pb_dropdown/_dropdown'
4
- import useDropdown from '../../pb_dropdown/hooks/useDropdown'
5
- import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
6
- import FlexItem from '../../pb_flex/_flex_item'
7
- import Icon from '../../pb_icon/_icon'
8
- import Body from '../../pb_body/_body'
9
- import Flex from '../../pb_flex/_flex'
10
-
11
- const DropdownWithHook = (props) => {
12
- const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
13
- const buttonRef = useRef(null);
14
-
15
- const options = [
16
- {
17
- label: "United States",
18
- value: "United States",
19
- areaCode: "+1",
20
- icon: "🇺🇸",
21
- id: "United-states"
22
- },
23
- {
24
- label: "Canada",
25
- value: "Canada",
26
- areaCode: "+1",
27
- icon: "🇨🇦",
28
- id: "canada"
29
- },
30
- {
31
- label: "Pakistan",
32
- value: "Pakistan",
33
- areaCode: "+92",
34
- icon: "🇵🇰",
35
- id: "pakistan"
36
- }
37
- ];
38
-
39
- return (
40
- <div>
41
- <CircleIconButton
42
- htmlOptions={{ref: buttonRef}}
43
- icon={"flag"}
44
- onClick={() => setIsDropdownClosed(!isDropDownClosed)}
45
- variant="secondary"
46
- />
47
- <Dropdown
48
- isClosed={isDropDownClosed}
49
- options={options}
50
- triggerRef={buttonRef}
51
- {...props}
52
- >
53
- {options.map((option) => (
54
- <Dropdown.Option key={option.id}
55
- option={option}
56
- >
57
- <>
58
- <FlexItem>
59
- <Flex paddingRight='md'>
60
- <Icon icon={option.icon}
61
- paddingRight="xs"
62
- />
63
- <Body text={option.label} />
64
- </Flex>
65
- </FlexItem>
66
- <FlexItem>
67
- <Body color="light"
68
- text={option.areaCode}
69
- />
70
- </FlexItem>
71
- </>
72
- </Dropdown.Option>
73
- ))}
74
- </Dropdown>
75
- </div>
76
- )
77
- }
78
-
79
- export default DropdownWithHook
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- import GanttChart from '../../pb_gantt_chart/_gantt_chart'
3
-
4
- const mockOptions = {
5
- title: {
6
- text: "Simple Gantt Chart",
7
- },
8
-
9
- xAxis: [
10
- {
11
- min: Date.UTC(2014, 10, 17),
12
- max: Date.UTC(2014, 10, 30),
13
- },
14
- ],
15
-
16
- series: [
17
- {
18
- name: "Project 1",
19
- data: [
20
- {
21
- name: "Start prototype",
22
- start: Date.UTC(2014, 10, 18),
23
- end: Date.UTC(2014, 10, 25),
24
- },
25
- {
26
- name: "Develop",
27
- start: Date.UTC(2014, 10, 20),
28
- end: Date.UTC(2014, 10, 25),
29
- },
30
- {
31
- name: "Run acceptance tests",
32
- start: Date.UTC(2014, 10, 23),
33
- end: Date.UTC(2014, 10, 26),
34
- },
35
- {
36
- name: "Test prototype",
37
- start: Date.UTC(2014, 10, 27),
38
- end: Date.UTC(2014, 10, 29),
39
- },
40
- ],
41
- },
42
- ],
43
- };
44
-
45
- const GanttChartDefault = (props) => (
46
- <div>
47
- <GanttChart customOptions={mockOptions}
48
- {...props}
49
- />
50
- </div>
51
- );
52
-
53
- export default GanttChartDefault;
@@ -1,7 +0,0 @@
1
- examples:
2
-
3
-
4
- react:
5
- - gantt_chart_default: Default
6
-
7
-
@@ -1 +0,0 @@
1
- export { default as GanttChartDefault } from './_gantt_chart_default.jsx'