playbook_ui 15.5.0 → 15.6.0.pre.alpha.PLAY2686contactkittextonly13049

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

@@ -13,5 +13,40 @@ module Playbook
         render kit.new(props, &block), &block
       end
     end
+
+    def deprecated_kit_warning(kit_name, message = nil)
+      # Skip in test and production environments
+      return "".html_safe if Rails.env.test? || Rails.env.production?
+
+      # Build the warning message
+      base_message = "PLAYBOOK DEPRECATION WARNING\\n  ----------------------------\\n  The \\\"#{kit_name}\\\" kit is deprecated and will be removed in a future version."
+
+      full_message = if message
+                       "#{base_message} #{message}"
+                     else
+                       "#{base_message} Please migrate to the recommended alternative"
+                     end
+
+      # Escape the message for JavaScript
+      escaped_message = full_message.gsub("'", "\\\\'").gsub("\n", "\\n")
+
+      # Return a self-executing script that checks if we're already warned
+      # Uses client-side tracking to ensure one warning per page load
+      # Only shows warnings on localhost (matching React behavior)
+      script = "<script type=\"text/javascript\">\n"
+      script += "(function() {\n"
+      script += "  var hostname = window.location.hostname;\n"
+      script += "  var isLocalDev = hostname === 'localhost' || hostname === '127.0.0.1' || hostname.endsWith('.local') || hostname.includes('local.') || !hostname;\n"
+      script += "  if (!isLocalDev) return;\n"
+      script += "  if (!window.__PB_WARNED_KITS__) window.__PB_WARNED_KITS__ = new Set();\n"
+      script += "  if (!window.__PB_WARNED_KITS__.has('#{kit_name}')) {\n"
+      script += "    window.__PB_WARNED_KITS__.add('#{kit_name}');\n"
+      script += "    console.warn('#{escaped_message}');\n"
+      script += "  }\n"
+      script += "})();\n"
+      script += "</script>"
+
+      script.html_safe
+    end
   end
 end

data/lib/playbook/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.5.0
+  version: 15.6.0.pre.alpha.PLAY2686contactkittextonly13049
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-21 00:00:00.000000000 Z
+date: 2025-12-12 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
@@ -892,6 +892,10 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_contact_default.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
+- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.html.erb
+- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.jsx
+- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_rails.md
+- app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_react.md
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx
 - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md
@@ -1331,6 +1335,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 +2254,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 +2939,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
@@ -3238,6 +3249,14 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_react.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
@@ -3422,6 +3441,9 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.html.erb
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
@@ -3651,6 +3673,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
@@ -3815,6 +3840,7 @@ files:
 - app/pb_kits/playbook/utilities/_truncate.scss
 - app/pb_kits/playbook/utilities/_vertical_align.scss
 - app/pb_kits/playbook/utilities/_width.scss
+- app/pb_kits/playbook/utilities/deprecated.ts
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -3854,9 +3880,9 @@ 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-Bx4QsIEU.js
+- dist/chunks/_typeahead-CHwm9MTE.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-Dk4GKPut.js
+- dist/chunks/lib-Cugvy62C.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-rails-react-bindings.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;
-}