playbook_ui 16.1.0.pre.alpha.play264213817 → 16.1.0.pre.alpha.play273614090

data/lib/playbook/forms/builder/form_field_builder.rb

@@ -61,7 +61,7 @@ module Playbook
                                   name.to_s.humanize
                                 end
                               else
-                                # Legacy behavior (generate full label HTML) left untouched
+                                # Legacy behavior .(generate full label HTML) left untouched
                                 @template.label(@object_name, name)
                               end
             elsif props[:label].is_a?(String)

data/lib/playbook/forms/builder/phone_number_field.rb

@@ -5,6 +5,15 @@ module Playbook
     class Builder
       def phone_number_field(name, props: {})
         props[:name] = name
+
+        if props[:label] == true && props[:required_indicator]
+          props[:label] = if @object && @object.class.respond_to?(:human_attribute_name)
+                            @object.class.human_attribute_name(name)
+                          else
+                            name.to_s.humanize
+                          end
+        end
+
         @template.pb_rails("phone_number_input", props: props)
       end
     end

data/lib/playbook/forms/builder/typeahead_field.rb

@@ -10,7 +10,21 @@ module Playbook
         props[:input_options] ||= {}
         props[:input_options][:id] ||= input_id
 
-        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+        # Determine if this will use React rendering
+        # React is used when: pills || !is_multi || wrapped || input_display == "none"
+        will_use_react = props[:pills] || props[:is_multi] == false || props[:wrapped] || props[:input_display] == "none"
+
+        if props[:label] == true
+          # Extract just the text for label
+          props[:label] = if @object && @object.class.respond_to?(:human_attribute_name)
+                            @object.class.human_attribute_name(name)
+                          else
+                            name.to_s.humanize
+                          end
+        elsif props[:label].is_a?(String) && !will_use_react && !props[:required_indicator]
+          # Only Rails (non-React) text_input without required_indicator: text_input creates its own label, so keep as plain text
+        end
+        # Keep label as plain text for both React and Rails (they handle their own label rendering)
 
         if props[:validation]
           validation_message = props[:validation][:message]

data/lib/playbook/forms/builder.rb

@@ -7,16 +7,16 @@ module Playbook
       require_relative "builder/checkbox_field"
       require_relative "builder/collection_select_field"
       require_relative "builder/date_picker_field"
+      require_relative "builder/dropdown_field"
       require_relative "builder/form_field_builder"
       require_relative "builder/select_field"
-      require_relative "builder/typeahead_field"
       require_relative "builder/intl_telephone_field"
       require_relative "builder/multi_level_select_field"
       require_relative "builder/phone_number_field"
-      require_relative "builder/dropdown_field"
       require_relative "builder/star_rating_field"
       require_relative "builder/time_zone_select_field"
       require_relative "builder/time_picker_field"
+      require_relative "builder/typeahead_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/truncate.rb

@@ -11,7 +11,7 @@ module Playbook
       return nil unless selected_props.present?
 
       selected_props.map do |k|
-        truncate_value = send(k)
+        truncate_value = send(k).to_s
         "truncate_#{truncate_value}" if truncate_values.include? truncate_value
       end.compact.join(" ")
     end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "16.1.0"
-  VERSION = "16.1.0.pre.alpha.play264213817"
+  VERSION = "16.1.0.pre.alpha.play273614090"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 16.1.0.pre.alpha.play264213817
+  version: 16.1.0.pre.alpha.play273614090
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-01-26 00:00:00.000000000 Z
+date: 2026-02-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -304,6 +304,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_custom.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
@@ -739,6 +741,9 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.html.erb
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.jsx
+- app/pb_kits/playbook/pb_checkbox/docs/_checkbox_required_indicator.md
 - app/pb_kits/playbook/pb_checkbox/docs/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -955,6 +960,7 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.md
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md
@@ -1310,6 +1316,8 @@ files:
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection_react.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
@@ -1371,6 +1379,13 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_clearable.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_rails.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_constrain_height_react.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_active_style_options_react.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
@@ -1401,6 +1416,9 @@ files:
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.jsx
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_placeholder.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
@@ -2101,6 +2119,7 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_input_display.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx
+- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
@@ -2352,6 +2371,9 @@ files:
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.md
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.html.erb
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.jsx
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_required_indicator.md
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.md
@@ -2554,6 +2576,9 @@ files:
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.md
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.html.erb
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.jsx
+- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_required_indicator.md
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.html.erb
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.jsx
 - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_strict_mode.md
@@ -2739,6 +2764,8 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_height.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_inline.md
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_label.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_label.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_min_height.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx
@@ -2757,6 +2784,8 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_label.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_label.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.md
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
@@ -3289,6 +3318,7 @@ files:
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.jsx
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_default.md
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default_swift.md
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_emoji_mask.jsx
@@ -3359,6 +3389,9 @@ files:
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.html.erb
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.jsx
+- app/pb_kits/playbook/pb_time_picker/docs/_time_picker_required_indicator.md
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx
 - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md
@@ -3640,6 +3673,9 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input_react.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_required_indicator.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -3858,12 +3894,12 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/zIndex.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_pb_line_graph-BgKF_zz1.js
-- dist/chunks/_typeahead-B9a6ZsEP.js
+- dist/chunks/_pb_line_graph-DuJNCf7N.js
+- dist/chunks/_typeahead-BKSzddAX.js
 - dist/chunks/componentRegistry-DzmmLR2x.js
-- dist/chunks/globalProps-BhVYCqRf.js
+- dist/chunks/globalProps-Bc-FVsRt.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-DD34ZrWL.js
+- dist/chunks/lib-BwX82vim.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.js