playbook_ui 15.5.0.pre.rc.4 → 15.6.0.pre.alpha.PLAY2611selectinputoptions12951

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

@@ -4,10 +4,18 @@ module Playbook
   module Forms
     class Builder
       def collection_select(name, collection, value_method, text_method, options = {}, html_options = {}, props: {})
-        props[:label] = @template.label(@object_name, name) if props[:label] == true
+        props[:input_options] ||= {}
+        props[:input_options][:id] ||= "#{@object_name}_#{name}"
+
+        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+
         options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
         options[:prompt] = props[:blank_selection] || ""
         html_options[:required] = "required" if props[:required]
+        html_options[:id] = props[:input_options][:id]
+        html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
+        html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
+
         input = super(name, collection, value_method, text_method, options, html_options)
 
         @template.pb_rails("select", props: props) do

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

@@ -4,10 +4,18 @@ module Playbook
   module Forms
     class Builder
       def select(name, choices = nil, options = {}, html_options = {}, props: {}, &block)
-        props[:label] = @template.label(@object_name, name) if props[:label] == true
+        props[:input_options] ||= {}
+        props[:input_options][:id] ||= "#{@object_name}_#{name}"
+
+        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+
         options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
         options[:prompt] = props[:blank_selection] || ""
         html_options[:required] = "required" if props[:required]
+        html_options[:id] = props[:input_options][:id]
+        html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
+        html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
+
         input = super(name, choices, options, html_options, &block)
 
         @template.pb_rails("select", props: props) do

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

@@ -4,10 +4,18 @@ module Playbook
   module Forms
     class Builder
       def time_zone_select_field(name, choices = {}, options = {}, html_options = {}, props: {})
-        props[:label] = @template.label(@object_name, name) if props[:label] == true
+        props[:input_options] ||= {}
+        props[:input_options][:id] ||= "#{@object_name}_#{name}"
+
+        props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
+
         options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
         options[:prompt] = props[:blank_selection] || ""
         html_options[:required] = "required" if props[:required]
+        html_options[:id] = props[:input_options][:id]
+        html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
+        html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
+
         input = @template.time_zone_select(@object_name, name, choices, options, html_options)
 
         @template.pb_rails("select", props: props) do

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "15.4.0"
-  VERSION = "15.5.0.pre.rc.4"
+  PREVIOUS_VERSION = "15.6.0"
+  VERSION = "15.6.0.pre.alpha.PLAY2611selectinputoptions12951"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.5.0.pre.rc.4
+  version: 15.6.0.pre.alpha.PLAY2611selectinputoptions12951
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-20 00:00:00.000000000 Z
+date: 2025-12-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -487,6 +487,7 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_background_image.md
 - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
+- app/pb_kits/playbook/pb_background/docs/_background_light.md
 - app/pb_kits/playbook/pb_background/docs/_background_overlay.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_overlay.md
 - app/pb_kits/playbook/pb_background/docs/_background_size.html.erb
@@ -524,7 +525,6 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/_description.md
 - app/pb_kits/playbook/pb_badge/docs/example.yml
 - app/pb_kits/playbook/pb_badge/docs/index.js
-- app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
 - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
 - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -1331,6 +1331,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_dropzone.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_react.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.html.erb
@@ -2248,6 +2250,8 @@ files:
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.md
 - app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size_swift.md
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.jsx
+- app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_with_tooltip.md
 - app/pb_kits/playbook/pb_multiple_users/docs/example.yml
 - app/pb_kits/playbook/pb_multiple_users/docs/index.js
 - app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb
@@ -2931,6 +2935,9 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx
+- app/pb_kits/playbook/pb_select/docs/_select_input_options.html.erb
+- app/pb_kits/playbook/pb_select/docs/_select_input_options.jsx
+- app/pb_kits/playbook/pb_select/docs/_select_input_options.md
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.md
@@ -3651,6 +3658,9 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_input_display.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
@@ -3854,7 +3864,7 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-Cd3O38ts.js
+- dist/chunks/_typeahead-BXM7QUuy.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CgpqUb6l.js
 - dist/chunks/vendor.js

data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss

@@ -1,58 +0,0 @@
-@import "../tokens/colors";
-@import "../tokens/typography";
-@import url("https://code.highcharts.com/css/highcharts.css");
-
-:root {
-    --highcharts-color-0: #{$data_1};
-    --highcharts-color-1: #{$data_2};
-    --highcharts-color-2: #{$data_3};
-    --highcharts-color-3: #{$data_4};
-    --highcharts-color-4: #{$data_5};
-    --highcharts-color-5: #{$data_6};
-    --highcharts-color-6: #{$data_7};
-    --highcharts-color-7: #{$data_8};
-}
-
-.highcharts-title {
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $heading_3;
-    color: $text_lt_default;
-    fill: $text_lt_default;
-}
-
-.highcharts-subtitle {
-    font-family: $font_family_base;
-    color: $text_lt_light;
-    fill: $text_lt_light;
-    font-weight: $regular;
-    font-size: $text_base;
-}
-
-.highcharts-yaxis > .highcharts-axis-title {
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-axis-labels {
-    font-family: $font_family_base;
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-grid-line {
-    stroke: $border_light;
-}
-
-.highcharts-point {
-  border-radius: 3px;
-}
-
-.highcharts-axis-line {
-  stroke: $border_light;
-}