playbook_ui 16.2.0.pre.rc.3 → 16.2.0.pre.rc.4

data/dist/reset.css

@@ -1 +1 @@
-*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:Power Centra,Helvetica Neue,Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0!important;padding:0!important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}
+@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100vh;overflow-x:hidden}body{font-family:Power Centra,Helvetica Neue,Helvetica,Arial,sans_serif;font-size:15.5px;line-height:1.5;background-color:#f3f7fb;height:100%;letter-spacing:.003em;font-weight:400;font-style:normal;text-rendering:optimizeLegibility;-moz-font-feature-settings:"liga" on;color:#242b42;margin:0!important;padding:0!important;box-sizing:border-box;min-height:100vh;padding:50px}a{text-decoration:none;color:#0056cf}

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/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/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "16.1.0"
-  VERSION = "16.2.0.pre.rc.3"
+  VERSION = "16.2.0.pre.rc.4"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 16.2.0.pre.rc.3
+  version: 16.2.0.pre.rc.4
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-02-03 00:00:00.000000000 Z
+date: 2026-02-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -741,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
@@ -2116,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
@@ -2217,6 +2221,8 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.md
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.md
+- app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_disabled_item.jsx
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.md
 - app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.html.erb
@@ -3669,6 +3675,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
@@ -3771,6 +3780,7 @@ files:
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
 - app/pb_kits/playbook/tokens/_colors.scss
+- app/pb_kits/playbook/tokens/_colors_accessible.scss
 - app/pb_kits/playbook/tokens/_container.scss
 - app/pb_kits/playbook/tokens/_display.scss
 - app/pb_kits/playbook/tokens/_height.scss
@@ -3887,12 +3897,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-CG2X7d4a.js
-- dist/chunks/_typeahead-DjDiMPdY.js
+- dist/chunks/_pb_line_graph-CC2Ywwix.js
+- dist/chunks/_typeahead-CmMqokN8.js
 - dist/chunks/componentRegistry-DzmmLR2x.js
-- dist/chunks/globalProps-B_OY_vR9.js
+- dist/chunks/globalProps-DYr2qrIf.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-9vEH4omL.js
+- dist/chunks/lib-DgqmX9CF.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.js