playbook_ui 14.12.0.pre.rc.12 → 14.13.0.pre.alpha.PBNTR457formtimezoneselect6219

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

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+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
+        options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
+        options[:prompt] = props[:blank_selection] || ""
+        html_options[:required] = "required" if props[:required]
+        input = @template.time_zone_select(@object_name, name, choices, options, html_options)
+
+        @template.pb_rails("select", props: props) do
+          input
+        end
+      end
+    end
+  end
+end

data/lib/playbook/forms/builder.rb

@@ -15,6 +15,7 @@ module Playbook
       require_relative "builder/phone_number_field"
       require_relative "builder/dropdown_field"
       require_relative "builder/star_rating_field"
+      require_relative "builder/time_zone_select_field"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/pb_forms_global_props_helper.rb

@@ -0,0 +1,136 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbFormsGlobalPropsHelper
+  private
+
+    def generate_prop_classes(props)
+      classes = []
+
+      props.each do |prop, value|
+        next if value.nil?
+
+        classes <<  case prop
+                    when :padding
+                      "p_#{value}"
+                    when :padding_top
+                      "pt_#{value}"
+                    when :padding_bottom
+                      "pb_#{value}"
+                    when :padding_left
+                      "pl_#{value}"
+                    when :padding_right
+                      "pr_#{value}"
+                    when :padding_x
+                      "px_#{value}"
+                    when :padding_y
+                      "py_#{value}"
+                    when :margin
+                      "m_#{value}"
+                    when :margin_top
+                      "mt_#{value}"
+                    when :margin_bottom
+                      "mb_#{value}"
+                    when :margin_left
+                      "ml_#{value}"
+                    when :margin_right
+                      "mr_#{value}"
+                    when :margin_x
+                      "mx_#{value}"
+                    when :margin_y
+                      "my_#{value}"
+                    when :shadow
+                      "shadow_#{value}"
+                    when :width
+                      value.to_s.end_with?("%") ? "width_#{value.to_i}_percent" : "width_#{value.downcase}"
+                    when :min_width
+                      value.to_s.end_with?("%") ? "min_width_#{value.to_i}_percent" : "min_width_#{value.downcase}"
+                    when :max_width
+                      value.to_s.end_with?("%") ? "max_width_#{value.to_i}_percent" : "max_width_#{value.downcase}"
+                    when :height
+                      "height_#{value.downcase}"
+                    when :min_height
+                      "min_height_#{value.downcase}"
+                    when :max_height
+                      "max_height_#{value.downcase}"
+                    when :position
+                      "position_#{value}"
+                    when :vertical_alignment
+                      "vertical_align_#{value}"
+                    when :z_index
+                      "z_index_#{value}"
+                    when :line_height
+                      "line_height_#{value}"
+                    when :number_spacing
+                      "ns_#{value}"
+                    when :border_radius
+                      "border_radius_#{value}"
+                    when :text_size
+                      "text_#{value}"
+                    when :letter_spacing
+                      "ls_#{value}"
+                    when :display
+                      "display_#{value}"
+                    when :cursor
+                      "cursor_#{value}"
+                    when :hover
+                      if value.is_a?(Hash)
+                        value.map do |hover_prop, hover_value|
+                          case hover_prop
+                          when :shadow
+                            "hover_shadow_#{hover_value}"
+                          when :scale
+                            "hover_scale_#{hover_value}"
+                          when :underline
+                            hover_value == true ? "hover_underline" : nil
+                          when :color
+                            "hover_color_#{hover_value}"
+                          when :background
+                            "hover_background_#{hover_value}"
+                          end
+                        end
+                      else
+                        "hover_#{value}"
+                      end
+                    when :text_align
+                      "text_align_#{value}"
+                    when :overflow
+                      "overflow_#{value}"
+                    when :overflow_x
+                      "overflow_x_#{value}"
+                    when :overflow_y
+                      "overflow_y_#{value}"
+                    when :truncate
+                      "truncate_#{value}"
+                    when :group_hover
+                      value ? "group_hover" : nil
+                    end
+      end
+
+      classes.flatten.compact
+    end
+
+    def extract_all_props(options)
+      global_props = %i[
+        padding padding_top padding_bottom padding_left padding_right padding_x padding_y
+        margin margin_top margin_bottom margin_left margin_right margin_x margin_y
+        shadow width min_width max_width height min_height max_height
+        position vertical_alignment z_index line_height number_spacing
+        border_radius text_size letter_spacing display cursor hover
+        text_align overflow overflow_x overflow_y truncate group_hover
+      ]
+
+      props = {}
+      form_opts = options.dup
+
+      global_props.each { |prop| props[prop] = form_opts.delete(prop) if form_opts.key?(prop) }
+
+      if form_opts[:props].is_a?(Hash)
+        nested_props = form_opts.delete(:props)
+        props.merge!(nested_props.slice(*global_props))
+      end
+
+      [props, form_opts]
+    end
+  end
+end

data/lib/playbook/pb_forms_helper.rb

@@ -1,7 +1,10 @@
 # frozen_string_literal: true
 
+require_relative "pb_forms_global_props_helper"
+
 module Playbook
   module PbFormsHelper
+    include Playbook::PbFormsGlobalPropsHelper
     # Renders a pb form with ::Playbook::Forms::Builder, that can render
     # Playbook kits in the most railsie way.
     #
@@ -23,11 +26,17 @@ module Playbook
     # @param validate [Boolean] whether validation should be triggered or not
     # @see [#form_with] for other options
     def pb_form_with(data: {}, validate: false, loading: false, **kwargs, &block)
+      global_props, form_options = extract_all_props(kwargs)
+
+      classnames = ["pb-form"]
+      classnames << form_options[:class] if form_options[:class].present?
+      classnames << "pb_form_loading" if loading
+      classnames.concat(generate_prop_classes(global_props))
+
       data = data.merge("pb-form-validation" => validate)
-      classname = ["pb-form", kwargs[:class]].join(" ")
-      classname += " pb_form_loading" if loading
-      options = kwargs.merge(
-        class: classname,
+
+      options = form_options.merge(
+        class: classnames.compact.join(" "),
         data: data,
         builder: ::Playbook::Forms::Builder
       )

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.11.1"
-  VERSION = "14.12.0.pre.rc.12"
+  PREVIOUS_VERSION = "14.13.0"
+  VERSION = "14.13.0.pre.alpha.PBNTR457formtimezoneselect6219"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.12.0.pre.rc.12
+  version: 14.13.0.pre.alpha.PBNTR457formtimezoneselect6219
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-24 00:00:00.000000000 Z
+date: 2025-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -265,6 +265,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/README.md
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
+- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -287,6 +288,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -300,13 +302,16 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
@@ -329,6 +334,10 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
 - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -378,22 +387,6 @@ files:
 - app/pb_kits/playbook/pb_avatar/docs/_footer.md
 - app/pb_kits/playbook/pb_avatar/docs/example.yml
 - app/pb_kits/playbook/pb_avatar/docs/index.js
-- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
-- app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx
-- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
-- app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
-- app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
-- app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
-- app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
 - app/pb_kits/playbook/pb_background/_background.scss
 - app/pb_kits/playbook/pb_background/_background.tsx
 - app/pb_kits/playbook/pb_background/background.html.erb
@@ -444,6 +437,7 @@ 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
@@ -472,6 +466,8 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -676,6 +672,8 @@ files:
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
 - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
 - 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/_description.md
 - app/pb_kits/playbook/pb_checkbox/docs/example.yml
 - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -795,6 +793,19 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
+- app/pb_kits/playbook/pb_copy_button/_copy_button.scss
+- app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
+- app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
+- app/pb_kits/playbook/pb_copy_button/copy_button.rb
+- app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
+- app/pb_kits/playbook/pb_copy_button/docs/example.yml
+- app/pb_kits/playbook/pb_copy_button/docs/index.js
+- app/pb_kits/playbook/pb_copy_button/index.js
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/_currency.tsx
 - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1152,6 +1163,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -1164,6 +1177,10 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1332,8 +1349,10 @@ files:
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
-- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -1541,6 +1560,10 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
+- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1600,6 +1623,7 @@ files:
 - app/pb_kits/playbook/pb_icon/icon.test.js
 - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
 - app/pb_kits/playbook/pb_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
 - app/pb_kits/playbook/pb_icon_button/icon_button.rb
@@ -1825,6 +1849,8 @@ files:
 - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
 - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -2090,6 +2116,8 @@ files:
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
 - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
 - app/pb_kits/playbook/pb_overlay/docs/example.yml
 - app/pb_kits/playbook/pb_overlay/docs/index.js
 - app/pb_kits/playbook/pb_overlay/overlay.html.erb
@@ -2244,6 +2272,11 @@ files:
 - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
+- app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
 - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
 - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -2712,18 +2745,32 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
-- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -3137,6 +3184,9 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
+- app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
 - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -3292,11 +3342,11 @@ 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-BWwaAo_0.js
-- dist/chunks/_weekday_stacked-zyBCd1s8.js
+- dist/chunks/_typeahead-PqkcDf1H.js
+- dist/chunks/_weekday_stacked-C7J0S4f7.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-kMuhBuU7.js
-- dist/chunks/pb_form_validation-DBJ0wZuS.js
+- dist/chunks/lib-D3us1bGD.js
+- dist/chunks/pb_form_validation-BpihMSOQ.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js
@@ -3332,6 +3382,7 @@ files:
 - lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/star_rating_field.rb
+- lib/playbook/forms/builder/time_zone_select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/height.rb
 - lib/playbook/hover.rb
@@ -3348,6 +3399,7 @@ files:
 - lib/playbook/overflow.rb
 - lib/playbook/pagination_renderer.rb
 - lib/playbook/pb_doc_helper.rb
+- lib/playbook/pb_forms_global_props_helper.rb
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/position.rb

data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss

@@ -1,66 +0,0 @@
-[class^=pb_avatar_action_button_kit] {
-
-  $icon_size: 0px;
-  $border_size: 0px;
-
-  $action-colors: (
-    "add": $primary,
-    "remove": $error,
-  );
-
-  @each $key, $value in $action-colors {
-    &[class*=_#{$key}] a {
-      color: $value;
-    }
-  }
-  
-  @mixin icon-base {
-    &.dark{
-        background-color: $bg_dark
-    }
-    width: $icon_size;
-    height: $icon_size;
-    position: absolute;
-    background-color: $white;
-    border-radius: $icon_size;
-    font-size: ($icon_size - $border_size * 2);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 1;
-  }
-
-  @each $name, $size in $avatar-sizes {
-    
-    &[class*=_#{$name}] {
-      
-      $avatar_size: map-get($avatar-sizes, $name);
-      $icon_size: $avatar_size / 2;
-      $border_size: $icon_size / 10;
-
-      position: relative;
-      width: $avatar_size * 1.25;
-      height: $avatar_size * 1.1;
-      display: flex;
-    
-      [class^=pb_tooltip_kit] {
-        justify-self: center;
-      }
-    
-      &[class*=_bottom] .icon {
-        @include icon-base;
-        top: $icon_size * 1.27;
-      }
-      &[class*=_top] .icon {
-        @include icon-base;
-        bottom: $icon_size * 1.27;
-      }
-      &[class*=_right] .icon {
-        left: $icon_size * 1.5;
-      }
-      &[class*=_left] [class^=pb_avatar_kit] {
-        padding-left: $icon_size / 2;
-      }
-    }
-  }
-}

data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx

@@ -1,98 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-
-import {
-  buildAriaProps,
-  buildCss,
-  buildDataProps, 
-  buildHtmlProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps'
-
-import Avatar from '../pb_avatar/_avatar'
-import Icon from '../pb_icon/_icon'
-
-type AvatarActionButtonProps = {
-  action?: "add" | "remove",
-  aria?: {[key: string]: string},
-  linkAriaLabel?: string,
-  className?: string,
-  dark?: boolean,
-  data?: {[key: string]: string},
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
-  id?: string,
-  imageAlt?: string,
-  imageUrl?: string,
-  linkUrl?: string,
-  name?: string,
-  onClick?: React.MouseEventHandler<HTMLSpanElement>,
-  placement?: string,
-  size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs",
-}
-
-const AvatarActionButton = (props: AvatarActionButtonProps): React.ReactElement => {
-  const {
-    action = 'add',
-    aria = {},
-    linkAriaLabel,
-    className,
-    dark = false,
-    data = {},
-    htmlOptions = {},
-    id,
-    imageAlt = '',
-    imageUrl,
-    linkUrl,
-    name,
-    onClick,
-    placement = 'bottom left',
-    size = 'md',
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
-
-  const classes = classnames(buildCss(
-    'pb_avatar_action_button_kit',
-    action,
-    placement,
-    size),
-  globalProps(props),
-  className)
-
-  const icons = {
-    add: 'plus-circle',
-    remove: 'times-circle',
-  }
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={classes}
-        id={id}
-    >
-      <a
-          aria-label={linkAriaLabel}
-          href={linkUrl}
-          onClick={onClick}
-      >
-        <Avatar
-            imageAlt={imageAlt}
-            imageUrl={imageUrl}
-            name={name}
-            size={size}
-        />
-        <div className={`icon ${dark ? 'dark' : ''}`}>
-          <Icon
-              dark={dark}
-              icon={icons[action]}
-          />
-        </div>
-      </a>
-    </div>
-  )
-}
-
-export default AvatarActionButton