playbook_ui 14.24.0.pre.alpha.PLAY1972validatemissingareacodeandrepeatcountrycode9457 → 14.24.0.pre.alpha.PLAY1984responsivegapprops9652

data/lib/playbook/classnames.rb

@@ -17,6 +17,8 @@ module Playbook
         min_width_props,
         max_width_props,
         gap_props,
+        column_gap_props,
+        row_gap_props,
         z_index_props,
         number_spacing_props,
         shadow_props,

data/lib/playbook/spacing.rb

@@ -4,6 +4,8 @@ module Playbook
   module Spacing
     def self.included(base)
       base.prop :gap
+      base.prop :column_gap
+      base.prop :row_gap
       base.prop :margin
       base.prop :margin_bottom
       base.prop :margin_left
@@ -63,6 +65,18 @@ module Playbook
       }
     end
 
+    def column_gap_options
+      {
+        column_gap: "column_gap",
+      }
+    end
+
+    def row_gap_options
+      {
+        row_gap: "row_gap",
+      }
+    end
+
     def spacing_options
       {
         margin: "m",
@@ -164,7 +178,45 @@ module Playbook
 
       selected_gap_props.map do |k|
         gap_value = send(k)
-        "gap_#{gap_value}" if gap_values.include? gap_value
+        if gap_value.is_a?(Hash)
+          gap_value.map do |media_size, gap_spacing_value|
+            "gap_#{media_size}_#{gap_spacing_value.underscore}" if gap_values.include?(gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(gap_value.to_s)
+          "gap_#{gap_value.underscore}"
+        end
+      end.compact.join(" ")
+    end
+
+    def column_gap_props
+      selected_column_gap_props = column_gap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_column_gap_props.present?
+
+      selected_column_gap_props.map do |k|
+        column_gap_value = send(k)
+        if column_gap_value.is_a?(Hash)
+          column_gap_value.map do |media_size, column_gap_spacing_value|
+            "column_gap_#{media_size}_#{column_gap_spacing_value.underscore}" if gap_values.include?(column_gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(column_gap_value.to_s)
+          "column_gap_#{column_gap_value.underscore}"
+        end
+      end.compact.join(" ")
+    end
+
+    def row_gap_props
+      selected_row_gap_props = row_gap_options.keys.select { |sk| try(sk) }
+      return nil unless selected_row_gap_props.present?
+
+      selected_row_gap_props.map do |k|
+        row_gap_value = send(k)
+        if row_gap_value.is_a?(Hash)
+          row_gap_value.map do |media_size, row_gap_spacing_value|
+            "row_gap_#{media_size}_#{row_gap_spacing_value.underscore}" if gap_values.include?(row_gap_spacing_value.to_s)
+          end
+        elsif gap_values.include?(row_gap_value.to_s)
+          "row_gap_#{row_gap_value.underscore}"
+        end
       end.compact.join(" ")
     end
   end

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.24.0"
-  VERSION = "14.24.0.pre.alpha.PLAY1972validatemissingareacodeandrepeatcountrycode9457"
+  VERSION = "14.24.0.pre.alpha.PLAY1984responsivegapprops9652"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.24.0.pre.alpha.PLAY1972validatemissingareacodeandrepeatcountrycode9457
+  version: 14.24.0.pre.alpha.PLAY1984responsivegapprops9652
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-06 00:00:00.000000000 Z
+date: 2025-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -352,6 +352,10 @@ files:
 - 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.html.erb
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
+- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md
 - 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
@@ -812,6 +816,8 @@ files:
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_default.jsx
+- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.html.erb
+- app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_input_options.md
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx
 - app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.md
@@ -1573,6 +1579,9 @@ files:
 - 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_no_icon.html.erb
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.jsx
+- app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_no_icon.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
@@ -1596,7 +1605,8 @@ files:
 - app/pb_kits/playbook/pb_flex/docs/_flex_default.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx
-- app/pb_kits/playbook/pb_flex/docs/_flex_gap.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap_rails.md
+- app/pb_kits/playbook/pb_flex/docs/_flex_gap_react.md
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.html.erb
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx
 - app/pb_kits/playbook/pb_flex/docs/_flex_inline.md
@@ -2388,11 +2398,14 @@ files:
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_percentage.tsx
 - app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx
 - app/pb_kits/playbook/pb_pagination/_pagination.scss
+- app/pb_kits/playbook/pb_pagination/_pagination.test.jsx
 - app/pb_kits/playbook/pb_pagination/_pagination.tsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_rails.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_default_react.md
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control.jsx
+- app/pb_kits/playbook/pb_pagination/docs/_pagination_external_control_react.md
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx
 - app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change_react.md
 - app/pb_kits/playbook/pb_pagination/docs/data.js
@@ -3635,9 +3648,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/_line_graph-qk_BN_J0.js
-- dist/chunks/_typeahead-ZLTFtAoW.js
-- dist/chunks/_weekday_stacked-svceGyvR.js
+- dist/chunks/_line_graph-B9yItXkt.js
+- dist/chunks/_typeahead-Mbp0CWgZ.js
+- dist/chunks/_weekday_stacked-C-5U1QRT.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CY5ZPzic.js
 - dist/chunks/pb_form_validation-D3b0JKHH.js

data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.md

@@ -1,9 +0,0 @@
-##### Prop
-
-*  `gap` | `row_gap` | `rowGap` | `column_gap` | `columnGap` | **Type**: String | **Values**: xxs | xs | sm | md | lg | xl | none
-
-- Setting the gap prop sets the row_gap || rowGap and the column_gap || columnGap props to the same size and creates equal space within a flex container.
-
-- Setting the row_gap || rowGap prop creates space between rows in a flex container.
-
-- Setting the column_gap || columnGap prop creates space between columns in a flex container.