playbook_ui 13.28.0.pre.alpha.PBNTR296dropdownwithform2941 → 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/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: {}

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.28.0"
-  VERSION = "13.28.0.pre.alpha.PBNTR296dropdownwithform2941"
+  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,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.28.0.pre.alpha.PBNTR296dropdownwithform2941
+  version: 13.28.0.pre.alpha.PBNTR297gradientoverlay3029
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-22 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
@@ -395,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
@@ -627,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
@@ -669,6 +676,7 @@ 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
@@ -1065,6 +1073,17 @@ 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
@@ -1330,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
@@ -1628,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
@@ -1851,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
@@ -2326,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
@@ -2362,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
@@ -2406,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
@@ -2705,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
@@ -2846,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
@@ -2876,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
@@ -2975,6 +3017,7 @@ 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/

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 %>