playbook_ui 13.27.0 → 13.28.0.pre.alpha.PBNTR297gradientoverlay3029

data/lib/playbook/classnames.rb

@@ -41,6 +41,7 @@ module Playbook
         top_props,
         right_props,
         bottom_props,
+        vertical_align_props,
       ].compact.join(" ")
     end
 

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

@@ -0,0 +1,14 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def dropdown_field(name, props: {})
+        props[:name] = name
+        props[:margin_bottom] = "sm"
+        props[:label] = @template.label(@object_name, name) if props[:label] == true
+        @template.pb_rails("dropdown", props: props)
+      end
+    end
+  end
+end

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

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Forms
+    class Builder
+      def phone_number_field(name, props: {})
+        props[:name] = name
+        @template.pb_rails("phone_number_input", props: props)
+      end
+    end
+  end
+end

data/lib/playbook/forms/builder.rb

@@ -12,6 +12,8 @@ module Playbook
       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"
 
       prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
       prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))

data/lib/playbook/kit_base.rb

@@ -29,6 +29,7 @@ require "playbook/left"
 require "playbook/top"
 require "playbook/right"
 require "playbook/bottom"
+require "playbook/vertical_align"
 
 module Playbook
   include ActionView::Helpers
@@ -65,6 +66,7 @@ module Playbook
     include Playbook::Top
     include Playbook::Right
     include Playbook::Bottom
+    include Playbook::VerticalAlign
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}
@@ -81,7 +83,7 @@ module Playbook
     end
 
     # rubocop:disable Style/OptionalBooleanParameter
-    def pb_content_tag(name, content_or_options_with_block = nil, options = {}, escape = true, &block)
+    def pb_content_tag(name = :div, content_or_options_with_block = {}, options = {}, escape = true, &block)
       combined_options = options
                          .merge(combined_html_options)
                          .merge(default_options.merge(content_or_options_with_block))

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.26.0"
-  VERSION = "13.27.0"
+  PREVIOUS_VERSION = "13.28.0"
+  VERSION = "13.28.0.pre.alpha.PBNTR297gradientoverlay3029"
 end

data/lib/playbook/vertical_align.rb

@@ -0,0 +1,37 @@
+# frozen_string_literal: true
+
+module Playbook
+  module VerticalAlign
+    def self.included(base)
+      base.prop :vertical_align
+    end
+
+    # rubocop:disable Style/IfInsideElse
+    def vertical_align_props
+      selected_props = vertical_align_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        vertical_align_value = send(k)
+        if vertical_align_value.is_a?(Hash)
+          vertical_align_value.map do |media_size, flex_value|
+            "vertical_align_#{media_size}_#{flex_value.underscore}" if vertical_align_values.include? flex_value
+          end
+        else
+          "vertical_align_#{vertical_align_value.underscore}" if vertical_align_values.include? vertical_align_value
+        end
+      end.compact.join(" ")
+    end
+    # rubocop:enable Style/IfInsideElse
+
+    def vertical_align_options
+      {
+        vertical_align: "vertical_align",
+      }
+    end
+
+    def vertical_align_values
+      %w[baseline super top middle bottom sub text-top text-bottom]
+    end
+  end
+end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.27.0
+  version: 13.28.0.pre.alpha.PBNTR297gradientoverlay3029
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-06 00:00:00.000000000 Z
+date: 2024-06-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -263,6 +263,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
@@ -297,6 +299,8 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/table_header.rb
 - app/pb_kits/playbook/pb_advanced_table/table_row.html.erb
 - app/pb_kits/playbook/pb_advanced_table/table_row.rb
+- app/pb_kits/playbook/pb_advanced_table/table_subrow_header.html.erb
+- app/pb_kits/playbook/pb_advanced_table/table_subrow_header.rb
 - app/pb_kits/playbook/pb_avatar/Utilities/GetPlacementPropsHelper.tsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
 - app/pb_kits/playbook/pb_avatar/_avatar.tsx
@@ -305,8 +309,10 @@ files:
 - app/pb_kits/playbook/pb_avatar/avatar.test.js
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx
+- app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.md
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
 - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
@@ -393,15 +399,17 @@ files:
 - app/pb_kits/playbook/pb_badge/docs/index.js
 - 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
 - app/pb_kits/playbook/pb_bar_graph/barGraphSettings.js
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.html.erb
 - app/pb_kits/playbook/pb_bar_graph/bar_graph.rb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_colors.md
-- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom.md
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.html.erb
+- app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_custom_rails.md
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx
 - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb
@@ -625,6 +633,7 @@ files:
 - app/pb_kits/playbook/pb_circle_chart/ChartsTypes.ts
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss
 - app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx
+- app/pb_kits/playbook/pb_circle_chart/circleChart.test.js
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.html.erb
 - app/pb_kits/playbook/pb_circle_chart/circle_chart.rb
 - app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb
@@ -667,16 +676,20 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_footer.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_circle_icon_button/docs/index.js
+- app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap
 - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
 - app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
 - app/pb_kits/playbook/pb_collapsible/_helper_functions.ts
 - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx
+- app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx
 - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx
 - app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible.test.js
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_content.rb
+- app/pb_kits/playbook/pb_collapsible/collapsible_icon.html.erb
+- app/pb_kits/playbook/pb_collapsible/collapsible_icon.rb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb
 - app/pb_kits/playbook/pb_collapsible/collapsible_main.rb
 - app/pb_kits/playbook/pb_collapsible/context.ts
@@ -684,6 +697,14 @@ files:
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_colors_swift.md
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.md
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_rails.md
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.md
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.html.erb
+- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon_rails.md
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
 - app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default_swift.md
@@ -887,6 +908,8 @@ files:
 - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.test.js
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.html.erb
 - app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default.jsx
+- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_default_swift.md
+- app/pb_kits/playbook/pb_date_range_inline/docs/_date_range_inline_props_swift.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/_description.md
 - app/pb_kits/playbook/pb_date_range_inline/docs/example.yml
 - app/pb_kits/playbook/pb_date_range_inline/docs/index.js
@@ -910,12 +933,17 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year_swift.md
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_props_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reverse.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_reversed_swift.md
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_sizes.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_description.md
@@ -929,10 +957,14 @@ files:
 - app/pb_kits/playbook/pb_date_time/date_time.rb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_align.jsx
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_alignment_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_default.jsx
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_default_swift.md
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_props_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.html.erb
 - app/pb_kits/playbook/pb_date_time/docs/_date_time_size.jsx
+- app/pb_kits/playbook/pb_date_time/docs/_date_time_size_swift.md
 - app/pb_kits/playbook/pb_date_time/docs/_description.md
 - app/pb_kits/playbook/pb_date_time/docs/example.yml
 - app/pb_kits/playbook/pb_date_time/docs/index.js
@@ -1041,31 +1073,46 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
 - app/pb_kits/playbook/pb_docs/kit_example.html.erb
 - app/pb_kits/playbook/pb_docs/kit_example.rb
+- app/pb_kits/playbook/pb_draggable/_draggable.scss
+- app/pb_kits/playbook/pb_draggable/_draggable.tsx
+- app/pb_kits/playbook/pb_draggable/context/index.tsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
+- 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.test.jsx
+- app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
+- app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
 - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
 - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.md
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.md
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
+- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
@@ -1160,15 +1207,22 @@ files:
 - 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
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_close_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_default_swift.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_dismiss_with_timer_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions_swift.md
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_props_swift.md
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/index.js
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb
@@ -1295,6 +1349,7 @@ files:
 - app/pb_kits/playbook/pb_gauge/docs/index.js
 - app/pb_kits/playbook/pb_gauge/gauge.html.erb
 - app/pb_kits/playbook/pb_gauge/gauge.rb
+- app/pb_kits/playbook/pb_gauge/gauge.test.js
 - app/pb_kits/playbook/pb_hashtag/_hashtag.scss
 - app/pb_kits/playbook/pb_hashtag/_hashtag.tsx
 - app/pb_kits/playbook/pb_hashtag/docs/_description.md
@@ -1593,6 +1648,7 @@ files:
 - app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.md
 - app/pb_kits/playbook/pb_line_graph/docs/example.yml
 - app/pb_kits/playbook/pb_line_graph/docs/index.js
+- app/pb_kits/playbook/pb_line_graph/lineGraph.test.js
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
 - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
@@ -1816,6 +1872,15 @@ files:
 - app/pb_kits/playbook/pb_online_status/docs/index.js
 - app/pb_kits/playbook/pb_online_status/online_status.html.erb
 - app/pb_kits/playbook/pb_online_status/online_status.rb
+- app/pb_kits/playbook/pb_overlay/_overlay.scss
+- app/pb_kits/playbook/pb_overlay/_overlay.tsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
+- app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.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.test.jsx
 - app/pb_kits/playbook/pb_pagination/_pagination.scss
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.md
@@ -2291,17 +2356,22 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_action_middle.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_column.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_column.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_row.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_column_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_row.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_row_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.md
-- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.md
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row_rails.md
 - app/pb_kits/playbook/pb_table/docs/_table_container.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_container.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_data_table.html.erb
@@ -2327,6 +2397,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_one_action.md
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_outer_padding.md
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_side_highlight.html.erb
@@ -2371,6 +2444,7 @@ files:
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
+- app/pb_kits/playbook/pb_table/styles/_outer_padding.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
 - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
@@ -2670,6 +2744,7 @@ files:
 - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
 - app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
 - app/pb_kits/playbook/pb_treemap_chart/docs/index.js
+- app/pb_kits/playbook/pb_treemap_chart/treemapChart.test.js
 - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
 - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
 - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
@@ -2811,6 +2886,7 @@ files:
 - app/pb_kits/playbook/tokens/_titles.scss
 - app/pb_kits/playbook/tokens/_transition.scss
 - app/pb_kits/playbook/tokens/_typography.scss
+- app/pb_kits/playbook/tokens/_vertical_align.scss
 - app/pb_kits/playbook/tokens/exports/_border_radius.scss
 - app/pb_kits/playbook/tokens/exports/_colors.scss
 - app/pb_kits/playbook/tokens/exports/_line_height.scss
@@ -2841,6 +2917,7 @@ files:
 - app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/_text_align.scss
 - app/pb_kits/playbook/utilities/_truncate.scss
+- app/pb_kits/playbook/utilities/_vertical_align.scss
 - 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
@@ -2895,9 +2972,11 @@ files:
 - lib/playbook/forms/builder/checkbox_field.rb
 - lib/playbook/forms/builder/collection_select_field.rb
 - lib/playbook/forms/builder/date_picker_field.rb
+- lib/playbook/forms/builder/dropdown_field.rb
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/intl_telephone_field.rb
 - lib/playbook/forms/builder/multi_level_select_field.rb
+- lib/playbook/forms/builder/phone_number_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/hover.rb
@@ -2938,13 +3017,14 @@ files:
 - lib/playbook/top.rb
 - lib/playbook/truncate.rb
 - lib/playbook/version.rb
+- lib/playbook/vertical_align.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb
 homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2960,7 +3040,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.5.3
-signing_key:
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.html.erb

@@ -1,63 +0,0 @@
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>&nbsp;</th>
-      <th>Price</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td shift="down">Total</td>
-      <td>
-        $12
-        <br/>
-        $46
-        <br/>
-        $25
-        <br/>
-        -------
-        <br/>
-        $83
-      </td>
-    </tr>
-  </tbody>
-<% end %>
-<br/>
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>Espresso Drinks</th>
-      <th>Ingredients</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td shift="up">Cappuccino</td>
-      <td>
-        Espresso
-        <br/>
-        Steamed Milk
-        <br/>
-        Milk Foam
-      </td>
-    </tr>
-    <tr>
-      <td shift="up">Macchiato</td>
-      <td>
-        Espresso
-        <br/>
-        Steamed Milk
-      </td>
-    </tr>
-    <tr>
-      <td shift="up">Mocha</td>
-      <td>
-        Espresso
-        <br/>
-        Hot Chocolate
-        <br/>
-        Steamed Milk
-      </td>
-    </tr>
-  </tbody>
-<% end %>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb

@@ -1,52 +0,0 @@
-<%= pb_rails("table") do %>
-  <thead>
-    <tr>
-      <th>Column 1</th>
-      <th>Column 2</th>
-      <th>Column 3</th>
-      <th>Column 4</th>
-      <th>Column 5</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td>
-        Value 1a
-        <br/>
-        Value 1a
-        <br/>
-        Value 1a
-      </td>
-      <td>Value 2a</td>
-      <td>Value 3a</td>
-      <td>Value 4a</td>
-      <td>Value 5a</td>
-    </tr>
-    <tr shift="middle">
-      <td>
-        Value 1b
-        <br/>
-        Value 1b
-        <br/>
-        Value 1b
-      </td>
-      <td>Value 2b</td>
-      <td>Value 3b</td>
-      <td>Value 4b</td>
-      <td>Value 5b</td>
-    </tr>
-    <tr shift="down">
-      <td>
-        Value 1c
-        <br/>
-        Value 1c
-        <br/>
-        Value 1c
-      </td>
-      <td>Value 2c</td>
-      <td>Value 3c</td>
-      <td>Value 4c</td>
-      <td>Value 5c</td>
-    </tr>
-  </tbody>
-<% end %>