playbook_ui 13.28.0.pre.alpha.play829selectablecardalignment2978 → 13.29.0.pre.alpha.PBNTR329draggablev33059

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

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.28.0"
-  VERSION = "13.28.0.pre.alpha.play829selectablecardalignment2978"
+  PREVIOUS_VERSION = "13.29.0"
+  VERSION = "13.29.0.pre.alpha.PBNTR329draggablev33059"
 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.play829selectablecardalignment2978
+  version: 13.29.0.pre.alpha.PBNTR329draggablev33059
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-28 00:00:00.000000000 Z
+date: 2024-06-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -399,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
@@ -631,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
@@ -673,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
@@ -1069,6 +1073,21 @@ 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_default.md
+- 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/_draggable_with_list.jsx
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.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
@@ -1334,6 +1353,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
@@ -1632,6 +1652,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
@@ -2330,17 +2351,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
@@ -2366,6 +2392,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
@@ -2410,6 +2439,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
@@ -2709,6 +2739,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
@@ -2850,6 +2881,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
@@ -2880,6 +2912,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
@@ -2979,6 +3012,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 %>